在编写Angular 2.0组件时,如何为属性设置默认值?
例如-我想将foo
默认设置为'bar'
,但绑定可能立即解析为'baz'
。这在生命周期钩子中如何实现?
@Component({
selector: 'foo-component'
})
export class FooComponent {
@Input()
foo: string = 'bar';
@Input()
zalgo: string;
ngOnChanges(changes){
console.log(this.foo);
console.log(changes.foo ? changes.foo.previousValue : undefined);
console.log(changes.foo ? changes.foo.currentValue : undefined);
}
}
给定以下模板,这是我预期的值。 我错了吗?
<foo-component [foo] = 'baz'></foo-component>
已记录到控制台:
'baz'
'bar'
'baz'
<foo-component [zalgo] = 'released'></foo-component>
已记录到控制台:
'bar'
undefined
undefined