我有以下以count
为输入的组件。 count
的类型为number
。
@Component({
selector: 'Test',
template: ""
})
export class TestComponent implements AfterViewInit {
@Input() count: number;
ngAfterViewInit() {
console.log(this.count, typeof this.count);
// 123, string
}
}
在父模板中,我指定了count
这样的属性。
<Test count="123"></Test>
编译并运行组件后,count
的类型已成为字符串。这显然是错误的。由于我没有使用[count]
传入输入,因此类型检查器无法在编码时确定类型。
我的问题是:如何使这项工作?即通过vanilla html属性分配并获得正确的类型。或者在分配这种方式时如何进行类型强制。