angularjs - angularjs检查特定div内元素的脏状态

Question

我有一个这样的表单，我喜欢使用 angularjs 进行表单验证

<form name="userrequest">
<div id="userdetails">
<input type="text" id="buyerName" />
</div>

<div id="buyerDetails">
<input type="text" id="buyerName" />
<input type="text" id="buyercity" />
</div>
</form

如何检查buyerDetails div中的任何输入元素是否处于脏状态？

Answer 1

您应该ng-model在每个form带有name属性的字段上使用，这将启用对表单元素的脏检查。您可以通过使用它来检查任何表单字段是否脏name

标记

<form name="userrequest">
    <div id="userdetails">
        <input type="text" id="buyerName" name="userBuyerName" 
         ng-model="form.user.buyerName" />
    </div>
    Dirty
    <br/> form.user.buyerName {{userrequest.userBuyerName.$dirty}}

    <div id="buyerDetails">
        <input type="text" id="buyerName" name="buyerName" 
         ng-model="form.buyer.buyerName" />
        <input type="text" id="buyercity" name="buyerName" 
         ng-model="form.buyer.buyerName" />
    </div>
    Dirty
    <br/> form.buyer.buyerName {{userrequest.buyerName.$dirty}}
    <br/> form.buyer.buyercity {{userrequest.buyercity.$dirty}}

</form>


Is form is Dirty {{userrequest.$dirty}}