subject/observable working

src/app/todo.service.ts

@@ -1,17 +1,17 @@
 import { Injectable } from '@angular/core';
-
+import { Observable } from 'rxjs/Observable'
-const FAKETODOS = [
+import { Subject } from 'rxjs/Subject';
-    'make bed',
-    'eat',
-    'drink'
-]
 
 @Injectable()
 export class TodoService {
-    getTodos(){
+
-        return FAKETODOS;
+    subject = new Subject();
+
+    getTodosObservable(){
+        return this.subject.asObservable();
     }
+
     addTodo(todo){
-        FAKETODOS.push(todo);
+        this.subject.next(todo);
     }
 }

src/app/todos-index/todos-index.component.ts

@@ -12,10 +12,12 @@ export class TodosIndexComponent implements OnInit {
       private todoService: TodoService
   ) { }
 
-  todos;
+  todos = [];
 
   ngOnInit() {
-      this.todos = this.todoService.getTodos();
+      this.todoService.getTodosObservable().subscribe(newTodo => {
+          this.todos.push(newTodo);
+      });
   }
 
 }