Javascript 如何在动态添加所需元素后检查输入元素的状态？

我以这种方式向特定状态的所有输入元素添加了一个必填字段：

 for (var i = 0; i < data.length; i++) {
        // activate required function
        v = data[i].Required;
        if (v)
            document.getElementById(response.data[i].ID).required = true;             
} 

for（变量i=0；i

现在我想在每个输入中添加以下代码，例如：

 <span style="color:red" ng-show="addOrEditForm.myPassword.$dirty && addOrEditForm.myPassword.$invalid">
        <span ng-show="addOrEditForm.myPassword.$error.required">Password is required.</span>
 </span>

密码是必需的。

---

问题是这段代码不起作用。我看不到错误消息，但如果我将手动向特定的输入元素添加“required”字段，以便此代码正常工作，我可以看到错误消息

我创建了一个JSFIDLE示例

我用每个dom Id创建了一个模型

user

，在其中我添加了两个属性

value

和

required

。我已为每个Id将

值

分配给

ngModel

，并将

必需的
分配给输入字段的
ngRequired
属性

调用后端后，我简单地更改具有
数据[i]的ID的
所需值。所需值设置为true
更好地使用所需值。document.getElementById（response.data[i].ID）；
而是创建

$scope。比如$scope[key]=true；
然后根据需要使用html ng required。
为什么不在输入上使用ng required，这样角度验证就可以正常工作？类似于：$（“#”+response.data[i].ID）.attr（“ng required”，true）；在ng required中，您放置了一个根据输入id检查数据数组的方法…您有一个角度控制器，对吗？您使用的是哪个版本的Angular？您使用的是组件吗？