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

了解更多点击这里了解控制器.

解决方案？"

见这里: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>