Todo View-Model

todo-app.js

import {inject, bindable} from 'aurelia-framework';
import {TodoApi} from './todoapi';

@inject(TodoApi)
export class App{

  @bindable todoItems = [];
  @bindable searchTerm = "";

  constructor(todoApi){
    this.status = "ready";
    this.todoApi = todoApi;
  }

  bind(){
    this.todoApi.list().then(todoItems =>{
      this.todoItems = todoItems;
    });
  }
  
  clearFilter(){
    this.searchTerm = "";
  }
  
  filterFunc(searchExpression, value){
     
     let itemValue = value.text;
     if(!searchExpression || !itemValue) return false;
     
     return itemValue.toUpperCase().indexOf(searchExpression.toUpperCase()) !== -1;
     
  }
}