aurelia search

history.html

<input type="text" class="search" placeholder="search by name or number" value.bind="searchText & debounce" />

history.js

import {inject, bindable} from 'aurelia-framework';
import {Api} from 'components/api';
import moment from 'moment';

@inject(Api)
export class History {
    items = [];
    @bindable searchText = '';

    constructor(api) {
        this.api = api;
    }

    activate() {
        return this.load();
    }

    load() {
        return this.api.get("history", {search: this.searchText})
            .then(r => {
                this.items;
            });
    }

    searchTextChanged(newValue){
        this.load();
    }
}