Angular中条件必需属性的问题答案

【问题标题】：Problem with conditional required attribute in AngularAngular中条件必需属性的问题
【发布时间】：2018-11-02 17:16:04
【问题描述】：

对 Angular 来说还算陌生。

我正在尝试使用可选的“必需”属性标记输入字段，该属性将由组件中的同名属性控制。

@Input() required: boolean = true;

很简单，对吧？我就是这么想的。

这是有效的：

<input 
    id="test123" name="test123"
    [required]="required ? '' : null"
    [(ngModel)]="test123"
/>

而这不是：

<input 
    id="test456" name="test456"
    [required]="required ? '' : null"
  />

显然，它需要一个 ngModel 才能正常工作，但我真的不需要这个输入的模型；我只是使用输入来捕获键盘事件以实现自动完成。

我应该在组件中为它制作一个假模型吗？或者还有其他方法可以解决这个问题吗？

【问题讨论】：

标签： angular

【解决方案1】：

尝试使用[attr.required]="required || null" 而不是[required]="required ? '' : null"

【讨论】：