Ввод данных для чисел в 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' "> 

Это is, он всегда приводит к привязке строки. Как уже упоминалось в его ответе @Sasxa, используйте привязку свойств для получения желаемого типа.