如何动态地向输入元素添加必需的?

时间:2017-01-12 13:13:00

标签: javascript html angularjs

我的任务是动态地将必填字段添加到用户想要根据需要设置的每个状态的所有元素。在我的数据库中,我有一个包含输入id的表(当然每个输入都有不同的id)和一个必需的字段,如果我们需要在input元素中添加一个必需的字段(boolean)。每当我切换状态时,我需要将所有输入元素设置为所需的(如果有必要的输入元素)到该特定状态。

谁能攻击这​​个? 这是我的解决方案,但我不认为这是最好的方式,我正在使用angularjs。

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

2 个答案:

答案 0 :(得分:2)

如果您也以角度显示数据,例如在转发器中,您可以执行以下操作:

<div ng-repeat="field in data">
    <input type="text" id="{{ field.ID }}"
           ng-required="field.Required" />
</div>

ng-required指令根据required="required"项的Required属性的值动态设置field属性。

答案 1 :(得分:-1)

您也可以尝试这种方式。

<form name="course">
<div ng-repeat="field in data">
    <input type="text" name="{{field.name}}"
           ng-required="field.Required" />
</div>
</form>