angularjs - 表单元素没有出现在 $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>