频道导航

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

2020-03-15 Angularjs 前端之家

前端之家收集整理的这篇文章主要介绍了angularjs – 我可以访问控制器中的表单吗？，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

我目前使用以下。

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

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

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

@H_301_18@

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

<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();
       }
}