set counter(val: number) {
this._counter = val;
if(this._counter > 25) this.counter = 1;
}
private _counter = 1;
AppComponent实施如下:
export class AppComponent {
title = 'sample-app';
counter = 10;
inc() {
this.counter++;
}
}
这不起作用,最多可容纳25,然后保持1.
但是,本教程中的代码确实有效:
set计数器(val:number){this._counter = val || 0;
if (val > 25) this._counter = val % 25;
}私人_counter:number = 1;
我看上去并不正确...我可以想象的值不会将1分配给计数器。
教程仅包含一个用于增加计数器的按钮,因此使用MOD函数将在此组件教程的上下文中工作。
如果您的设计组件允许父组件直接设置一个值(而不是仅仅递增),则您可能需要将私有_counter设置回起始数字(并确保它也正确地通知了父组件,该值已修改了该值)。