材料输入不绑定到内部对象

Question

使用angular_components我循环遍历一个对象列表以绑定到material-input，但它不会更新内部对象列表。控制台中没有报告错误或异常。我错过了什么吗？

我添加了

import 'package:angular2/angular2.dart';
import 'package:angular_components/angular_components.dart';
import 'dart:html';

import 'package:myproject/entity/item/work_item.dart';


@Component(
    selector: 'my-app',
    templateUrl: 'app_component.html',
    styleUrls: const['app_component.css'],
    directives: const [
        materialDirectives,
        materialNumberInputDirectives
    ],
    providers: const[materialProviders]
)
class AppComponent
{
    List<WorkItem> workList = new List<WorkItem>();

    void clickToAddItem()
    {
        workList.add(new WorkItem());
    }

}

工作项目

class WorkItem
{
    int amount = 0;
}

HTML

        <div
            class="item row"
            *ngFor="let item of workList"
        >
            <material-input
                class="description"
                rows="1"
                label="Description"
                floatingLabel="true"
                multiline
            ></material-input>
            <material-input
                class="amount"
                type="number"
                label="Amount"
                leadingText="$"
                floatingLabel="true"
                [(ngModel)]="item.amount"
            ></material-input>
        </div>

更新

当我在它们之间切换时创建了许多项目后，对象会随机随机填充。发生了某种延迟，不会进行实时更新。