Angular 8. 模板驱动的表单元素条件必需属性

Question

我想这是一个非常愚蠢的问题。我有输入元素（type='text'），它应该有条件地具有 required 属性。我的代码如下：

<input type="text" [attr.required]="required ? '' : null" 

在浏览器中检查输出时，我清楚地观察到 required 属性存在于 HTML DOM 中。

但由于某种原因，required 属性在我的表单验证中不起作用（字段始终具有 ng-valid 类）。

同时，如果我粗暴地添加 required 属性（无条件地，作为普通的 html 布局），例如：

<input type="text" required

那么它对我有用：如果字段为空，ng-valid 类会自动删除。

[attr.required]="required ? '' : null" 我做错了什么？

提前谢谢你！

Answer 1

您可以像这样简单地使用它： [required]="isFieldRequired() ? 'required' : null"