綁定在模板的角2陣列

Question

我有一個看起來像這樣的組件：

import {Component, Input} from "@angular/core"; 
@Component({ 
    selector : 'radio-select', 
    ... 
}) 
export class RadioToggleSelect { 
    @Input() options : Array<string>; 
} 

現在我想綁定到HTML的陣列，比如像：

<radio-select options='["Users", "Account Holders"]'> </radio-select> 

這可能嗎？

Answer 1

在角2對屬性的綁定目標屬性應被包圍它的名字與[]，這是一個方式，從模型查看約束力。它應該如下

[options]='["Users", "Account Holders"]' 

Answer 2

沒有[]該值被視爲純字符串。使用這個來代替：

<radio-select [options]='["Users", "Account Holders"]'> </radio-toggle-select>