表单元素未出现在$ scope中

Question

这是表格的开头......

<div ng-form name="CustomerForm" ng-controller="Customer">

这是我的控制器......

app.controller('Customer', ['$scope', function ($scope) {

   alert($scope.CustomerForm);
}]);

$scope.CustomerForm未定义。表格不应该添加到范围内吗？

Answer 1

在您的提醒声明时，CustomerForm尚未在$scope之内。

控制器意味着：

1. 创建范围对象的初始状态。
2. 向该范围对象添加行为。

阅读更多关于控制器的here。

---

“解决方案？”

见这里：DEMO

<强> JS：

var app = angular.module('myApp',[]);

app.controller('Customer', ['$scope', function ($scope) {

    $scope.getFormName = function(){
        console.log($scope.CustomerForm.$name);
    }
}]);

<强> HTML：

<div ng-form name="CustomerForm" ng-controller="Customer">
    <button ng-click="getFormName()">CLICK</button>
</div>