将输入转换为Angular2中的数字?
有没有办法将组件的输入自动转换为数字 例如,该组件初始化如下:将输入转换为Angular2中的数字?,angular,property-binding,Angular,Property Binding,有没有办法将组件的输入自动转换为数字 例如,该组件初始化如下: <list-of-playlists limit="5"></list-of-playlists> 有没有办法将限制自动转换为数字或整数 否则,我将不得不在Typescript中以字符串或任何形式键入is,或者通过在ngOnInit()中将其强制转换为一个数字来启动组件,这是我想要避免的。您需要使用: 根据(传递常数部分) 等同于(即,语法为sugar) 也就是说,它总是导致字符串绑定。 正如@S
<list-of-playlists limit="5"></list-of-playlists>
有没有办法将限制自动转换为数字或整数
否则,我将不得不在Typescript
中以字符串或任何形式键入is,或者通过在ngOnInit()
中将其强制转换为一个数字来启动组件,这是我想要避免的。您需要使用:
根据(传递常数部分)
等同于(即,语法为sugar)
也就是说,它总是导致字符串绑定。
正如@Sasxa在他的回答中已经提到的,使用属性绑定来获得所需的类型。感谢您的详细介绍。这是你提供的一个很好的链接。
@Component({
selector: 'list-of-playlists',
templateUrl: 'list-of-playlists.html'
})
export class MyPlaylistComponent implements OnInit {
@Input() limit: number;
ngOnInit() {
console.log(typeof limit); // string
}
}
<list-of-playlists [limit]="5"></list-of-playlists>
<list-of-playlists limit="5">
<list-of-playlists [limit]=" '5' ">