Question

我正在学习Angular 2.我正在尝试使用（更改）事件来实现自动保存功能。喜欢这个

<div>
    <md-input class="ctrl" [(ngModel)]="first" (blur)="saveItemInfo()"></md-input>
</div>
<div>
    <md2-autocomplete [items]="items" item-text="name" item-value="value" [(ngModel)]="second" [disabled]="disabled"
        (change)="saveItemInfo()">
    </md2-autocomplete>
</div>
<div>
    <md-slide-toggle [(ngModel)]="third" color="primary" (change)="saveItemInfo()"></md-slide-toggle>
</div>

问题是，即使页面加载，更改事件也会触发。因此它正在进行如此多的api调用。还有其他办法吗？

Answer 1

您可以保留一个私有变量，例如_second和每个(change)事件检查是否有任何更改：

如果是，请将私有变量设置为新值并调用API方法。
如果没有，不做任何事

Angular2：在页面加载时阻止更改函数调用

1 个答案: