在Angular2中投入數字？

Question

有什麼方法可以自動將組件的輸入轉換爲數字嗎？

例如該組件初始化像這樣：

<list-of-playlists limit="5"></list-of-playlists> 

這裏定義：

@Component({ 
    selector: 'list-of-playlists', 
    templateUrl: 'list-of-playlists.html' 
}) 
export class MyPlaylistComponent implements OnInit { 
    @Input() limit: number; 
    ngOnInit() { 
     console.log(typeof limit); // string 
    } 
} 

有沒有辦法投limit自動數字或整數？

不然我必須鍵入是如Typescript字符串或任何，或通過將其流延在ngOnInit()一個數，這是我想避免啓動組件。

Answer 1

您需要使用Property Binding：

<list-of-playlists [limit]="5"></list-of-playlists> 

Answer 2

根據http://victorsavkin.com/post/119943127151/angular-2-template-syntax（部穿入常量）

<list-of-playlists limit="5"> 

等同於（即語法糖）

<list-of-playlists [limit]=" '5' "> 

那是，它總是導致字符串綁定。 由於@Sasxa在他的回答中已經提到，使用屬性綁定來獲得所需的類型。