表单元素未显示在$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. 向该范围对象添加行为。

在此处阅读有关控制器的更多信息。

---

"解决方案？"

看这里： 演示

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