通过直接分配属性来键入检查输入值

时间:2017-04-03 19:14:33

标签: angular typescript

我有以下以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属性分配并获得正确的类型。或者在分配这种方式时如何进行类型强制。

0 个答案:

没有答案