angular - Angular 2 组件选择器中的条件

Question

使用原生 HTML input 标签，我可以对 type 属性进行绑定(bind)，例如，

<input [type]="_field.type">

输入元素会根据_field.type的值动态变化

但是，如果我有多个这样的组件，

@Component({
  selector: 'field-option[type=options]',
  templateUrl: ''
})

然后像这样使用它，

<field-option [type]="_field.type">

它不起作用，它不绑定(bind)。

不过，我可以让它与静态值一起工作，

<field-option [type]="options">

我想知道如何让它工作？

Answer 1

<input [type]="_field.type">

之所以有效，是因为它由浏览器处理。

<field-option [type]="_field.type">

需要 Angular 支持，但尚未(尚未？)实现。

作为解决方法，您可以执行类似的操作

<field-option *ngIf="_field.type='type1'" [type]="type1">
<field-option *ngIf="_field.type='type2'" [type]="type2">

我知道，很麻烦 :-/

另见 https://github.com/angular/angular/issues/6970