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

如果没有[]，则该值将被视为纯字符串。请改用：

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

Answer 2

在Angular 2中对于属性绑定，目标属性应该用[]包围其名称，这是从模型到视图的一种绑定方式。它应该如下

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

绑定模板中的Angular 2数组

2 个答案: