prosource

AngularJS 컨트롤러 함수가 호출되지 않음

probook 2023. 11. 4. 10:52
반응형

AngularJS 컨트롤러 함수가 호출되지 않음

나의 angularjs controller 함수는 절대 호출되지 않습니다.제 소스에 포함된 js 파일이 모두 보이는데, 컨트롤러 초기화에 전혀 영향을 주지 않습니다.이 코드에 무슨 문제가 있습니까?

eventListCtrl.js:

eventsApp.controller('eventListCtrl', ['$scope', function ($scope) {
    // this code is never called
    alert('controller initializing');
    $scope.name = "Test";
}]);

app.js:

'use strict';

var eventsApp = angular.module('eventsApp', []);

Index.cshtml:

<div ng-controller="eventListCtrl">
    <div class="row">
        <div class="spann11">
            <h2>{{name}}</h2>
        </div>
    </div>
</div>

<script src="/scripts/vendor/angular.js"></script>
<script src="/scripts/app.js"></script>
<script src="/scripts/controllers/eventListCtrl.js"></script>

이렇게 해주셔야 돼요.

<html ng-app="eventsApp">

그럼 실제로 모듈을 활성화하면

저는 저와 같은 일을 하는 사람이 있을 경우를 대비하여 여기에 제 문제/결의사항을 게시하고 싶습니다.

<div ng-controller="coolCtrl" ng-if="VAR">

생성되지 않은 요소에서 컨트롤러를 초기화하려고 했습니다(왜냐하면ng-if="var")
얼굴 손금

엉뚱한 추측:

angular.module('eventsApp').controller('eventListCtrl', ['$scope', function ($scope) {
    // this code is never called
    alert('controller initializing');
    $scope.name = "Test";
}]);

당신의 컨트롤러 파일에?

<html ng-app="eventsApp">
<div ng-controller="eventListCtrl">
    <div class="row">
        <div class="spann11">
            <h2>{{name}}</h2>
        </div>
    </div>
</div>

<script src="/scripts/vendor/angular.js"></script>
<script src="/scripts/app.js"></script>
<script src="/scripts/controllers/eventListCtrl.js"></script>
</html>

이 정도면 해결될 겁니다.

언급URL : https://stackoverflow.com/questions/22613434/angularjs-controller-function-never-called

반응형