使用Angular 2 Forms动态标记字段的正确方法是什么？

使用Angular 2(2.0.0),使用 Angular Forms动态标记字段的建议方法是什么？

在他们的所有示例中,只添加了必需的属性,如：

<input type="text" class="form-control" id="name" required>

如果我绑定的模型具有Isrequired属性,那将是真/假？

如果我使用类似的东西：

<input [(ngModel)]="field.Value" type="text" value="{{field.value}}" [attr.required]="field.Isrequired"/>

这在页面上呈现(注意=“true”)：

<input type="text" required="true" />

出于某种原因,当Angular具有实际值(=“true”)时,它似乎不会识别此属性,所以当此字段为空时,我的表单本身仍然有效：

<form class="ng-untouched ng-prisTine ng-valid">

因此看起来我必须使用required而不是required =“true”,但是如何动态添加该属性？

什么也行不通：

<input type="text" {{ getrequiredAttr(field) }} />

以为我可能有一个函数可以根据字段返回我的字符串“required”,这只会产生模板错误.

有没有办法完成这个并只渲染我的属性需要？还是一种让Angular在值为true / false时识别此属性的方法？

FWIW – 我已经确认我可以使用* ngIf写两个近似相同的< input type ='text'/>基于我的Isrequired属性控制并使用所需属性对其进行硬编码,但这看起来很糟糕.希望有更好的方法！

@Component({
  SELEctor: 'something',template: `
  <form #myForm="ngForm">
    <input [(ngModel)]="field.Value" [formContol]="myFieldControl" type="text" [value]="field.Value">
  </form>
  `
})
export class MyComponent{
  public field: any = {Value: 'Hello',isrequired: falsE};
  public myFieldControl: FormControl = new FormControl('',[this.dynamicrequiredValidator.bind(this)]);

  public dynamicrequiredValidator(control: FormControl):{[key: String]: Boolean}{
    if(field.Isrequired && !control.value){
      return {required: truE};
    }
    return {};
  }
}