我可以在控制器中访问表格吗？

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

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

编辑：当它位于“基金会”标签中时，似乎form未添加到中scope。

有人对此有解决方案吗？

尽管在其他评论中提到了这一点，但我还是想为那些使用“ Controller As”语法的用户提供一些拼写：

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

您可以将表单附加到在父控制器中定义的某些对象。然后，您甚至可以从子范围访问表单。

上级控制器

$scope.forms = {};

子范围中的一些模板

<form name="forms.form1">
</form>

问题是在执行控制器中的代码时不必定义表单。所以你必须做这样的事情

$scope.$watch('forms.form1', function(form) {
  if(form) {
    // your code...
  }
});

如果要将表单传递给控制器​​以进行验证，则可以将其作为参数传递给处理提交的方法。使用表单名称，因此对于原始问题，它将类似于：

<button ng-click="submit(customerForm)">Save</button>

答案有点晚，但附带以下选项。它为我工作，但不确定这是否正确。

在我看来，我正在这样做：

<form name="formName">
    <div ng-init="setForm(formName);"></div>
</form>

并在控制器中：

$scope.setForm = function (form) {
    $scope.myForm = form;
}

现在，完成此操作后，我的控制器变量中有表格 $scope.myForm

为了能够访问控制器中的表单，您必须将其添加到虚拟作用域对象中。

就像是 $scope.dummy = {}

对于您的情况，这将意味着：

<form name="dummy.customerForm">

在您的控制器中，您可以通过以下方式访问表单：

$scope.dummy.customerForm

你将能够做类似的事情

$scope.dummy.customerForm.$setPristine()

维基链接

有一个 '。' 在您的模型中，将确保原型继承在起作用。因此，使用<input type="text" ng-model="someObj.prop1">而不是<input type="text" ng-model="prop1">

如果您确实希望/需要使用原语，则有两种解决方法：

1.在子范围内使用$ parent.parentScopeProperty。这将阻止子范围创建自己的属性。2.在父范围内定义一个函数，然后从子级调用它，将原始值传递给父级（并非总是可能的）

这个答案有点晚了，但是我偶然发现了一个使很多事情变得更容易的解决方案。

如果使用controllerAs语法，则实际上可以直接将表单名称分配给控制器，然后从“ this”变量中引用它。这是我在代码中的操作方式：

我通过ui-router配置了控制器（但是您可以根据需要进行操作，即使直接在HTML中也可以使用<div ng-controller="someController as myCtrl">），这就是ui-router配置中的样子：

views: {
            "": {
                templateUrl: "someTemplate.html",
                controller: "someController",
                controllerAs: "myCtrl"
            }
       }

然后在HTML中，只需将表单名称设置为“ controllerAs”。“ name”，如下所示：

<ng-form name="myCtrl.someForm">
    <!-- example form code here -->
    <input name="firstName" ng-model="myCtrl.user.firstName" required>
</ng-form>

现在，您可以在控制器内执行以下操作：

angular
.module("something")
.controller("someController",
    [
       "$scope",
        function ($scope) {
            var vm = this;
            if(vm.someForm.$valid){
              // do something
            }
    }]);

是的，您可以在控制器中访问表单（如docs中所述）。

除非您的表单未在控制器作用域中定义，而是在子作用域中定义。

基本上，一些角度的指令，例如ng-if，ng-repeat或者ng-include，将创建一个孤立子范围。具有scope: {}定义的属性的所有自定义指令也将如此。可能，您的基础组件也很麻烦。

ng-if在<form>标记周围引入简单标记时，我遇到了同样的问题。

查看这些以获取更多信息：

• https://groups.google.com/forum/#!topic/angular/B2uB8-9_Xbk

• AngularJS-使用ng-include时失去作用域

注意：建议您重新编写问题。您的问题的答案是肯定的，但您的问题略有不同：

我可以从控制器访问子范围内的表单吗？

答案将是：不。

将ng-model="$ctrl.formName"属性添加到您的表单，然后在控制器中，您可以通过以下方式将表单作为控制器内部的对象进行访问：this.formName

绝对不能在scope bec中访问表单。它不会被创建。html模板中的DOM像控制器构造函数一样缓慢加载。解决方案是观察直到加载DOM和定义所有范围！

在控制器中：

$timeout(function(){
    console.log('customerForm:', $scope.customerForm);
    // everything else what you need
});