表单元素没有出现在 $scope 中

【问题标题】：Form elements not appearing in $scope表单元素没有出现在 $scope 中
【发布时间】：2013-09-06 11:40:52
【问题描述】：

这是我表单的开始...

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

这是我的控制器...

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

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

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

【问题讨论】：

标签： angularjs

【解决方案1】：

在您发出警报声明时，CustomerForm 尚未包含在 $scope 中。

控制器旨在：

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

阅读更多关于控制器的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>

【讨论】：

哦，太棒了。谢谢。