相关疑难解决方法(0)

我目前正在使用以下内容.

$scope.$$childHead.customerForm[firstName], 以便:

<form name="customerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" 
         tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

但这仅适用于Chrome.现在我尝试了以下内容:

$scope.editCustomerForm[firstName], 以便:

<form name="customerForm" ng-model="editCustomerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

哪个不起作用.请注意,我的表单位于Foundation选项卡中.我怎样才能访问firstName？

编辑:看起来它form没有被添加到scope基础选项卡中的时间.

任何人都有这个解决方案？

下面的代码似乎非常适合进行基本的必需表单验证.

当字段脏了+无效时,表单显示一个红色名称是必需的消息!如果字段为脏+有效,则显示消息.

但是对于表单中的每个字段重复此代码都是一团糟:

<form name="myForm">
    <div class="control-group" 
     ng-class="{error: myForm.name.$invalid && myForm.name.$dirty}">
        <label>Name:</label>
        <input type="text" name="name" ng-model="user.name" required/>
        <span ng-show="myForm.name.$invalid && myForm.name.$dirty" 
            class="help-inline">Name is required</span>
        <span ng-show="myForm.names.$valid && myForm.names.$dirty">Great!</span>
    </div>
</form>

我希望能够以更简单的方式指定ng-show和ng-class属性.