added =* binding until <* is available, see angular/angular.js#15874

Author: aredfox

src/app/todos/components/todo-list/todo-list.component.html

@@ -1,3 +1,3 @@
-<div ng-repeat="todoItem in $ctrl.todoItems | filter:$ctrl.filterBy">
+<div ng-repeat="todoItem in $ctrl.todoItems">
     <span>{{ todoItem.title }}</span>
-</div>
+</div>

src/app/todos/components/todo-list/todo-list.component.ts

@@ -7,8 +7,7 @@ export class TodoList implements angular.IComponentOptions {
     constructor() {
         this.template = require('./todo-list.component.html');
         this.bindings = {
-            todoItems: '<',
-            filterBy: '<'
+            todoItems: '=*' // added =* binding until <* is available, see https://github.com/angular/angular.js/issues/15874
         };
     }
 }

src/app/todos/containers/todos/todos.container.html

@@ -3,6 +3,6 @@
         <todo-list todo-items="$ctrl.todoItems"></todo-list>
     </uib-tab>
     <uib-tab index="1" heading="Completed">
-        <todo-list todo-items="$ctrl.todoItems" filter-by="{completed:true}"></todo-list>
+        <todo-list todo-items="$ctrl.todoItems | filter:{completed:true}"></todo-list>
     </uib-tab>
-</uib-tabset>
+</uib-tabset>