angularjs – 我可以访问控制器中的表单吗？

发布时间：2020-12-17 09:13:20 所属栏目：安全来源：网络整理

导读：我目前使用以下。 $ 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 但这

我目前使用以下。

$ 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>

哪个不工作。注意我的形式是在一个基础选项卡内。如何访问firstName？

编辑：看起来似乎窗体不会添加到范围内，当它在一个基础选项卡。

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

虽然在其他评论中提到我认为我会拼写出一些使用“控制器为”语法的人：

<div ng-controller="MyController as ctrl">

<form name="ctrl.myForm">
    ...inputs
    Dirty? {{ctrl.myForm.$dirty}}

    <button ng-click="ctrl.saveChanges()">Save</button>
</form>

</div>

然后你可以访问FormController在你的代码，如：

function MyController () {
    var vm = this;
    vm.saveChanges = saveChanges;

    function saveChanges() {

       if(vm.myForm.$valid) { 
            // Save to db or whatever.
            vm.myForm.$setPristine();
       }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!