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>