AngularJS로 조금 놀기 시작했는데 문제가 생겼습니다. app is not defined
Services.js의 5 행 에서 오류가 발생 합니다. 나는 조금 둘러 보았고 앱이 함수 외부에서 정의되어야한다는 것을 배웠거나 공개되지 않았기 때문에 그것을 옮겼지만 도움이되지 않았고 index.html의 스크립트 태그를 헤더로 옮기려고했습니다. 대신 Html. 여기에 제가 가지고있는 코드가 있습니다.
Index.html
<!DOCTYPE html>
<html data-ng-app="RESTClientModule">
<head>
<title></title>
</head>
<body>
<div ng-controller="AngularJs_WCFController">
{{Returnresult}}
</div>
</body>
</html>
<script src="../Scripts/angular.js"></script>
<script src="../Scripts/Test/Services.js"></script>
<script src="../Scripts/Test/Modules.js"></script>
<script src="../Scripts/Test/Controller.js"></script>
Modules.js
/// <reference path="../angular.js" />
/// <reference path="../angular.min.js" />
var app;
(function () {
app = angular.module("RESTClientModule", []);
})();
Services.js
/// <reference path="../angular.js" />
/// <reference path="../angular.min.js" />
/// <reference path="Modules.js" />
app.service("AngularJs_WCFService", function ($http) {
this.GetData = function () {
return $http.get("http://localhost:61794/Service1.svc/GetData");
};
});
Controllers.js
/// <reference path="../angular.js" />
/// <reference path="../angular.min.js" />
/// <reference path="Modules.js" />
/// <reference path="Services.js" />
app.controller("AngularJs_WCFController", function ($scope, $rootScope, $window, AngularJs_WCFService) {
$scope.Returnresult = "none";
function GetData() {
var promiseGet = AngularJs_WCFService.GetData();
promiseGet.then(function (pl) {
$scope.Returnresult = pl.data
},
function (errorPl) {
});
}
});
보시다시피 앱을 정의 "Services.js"(App is not define here )
하기 전에 포함 "Modules.js"(app define here )
시켰습니다. 따라서이 문제를 해결 "Modules.js"
하기 전에 포함 해야 "Service.js"
합니다.
그래서 그것은 :
<script src="../Scripts/angular.js"></script>
<script src="../Scripts/Test/Modules.js"></script>
<script src="../Scripts/Test/Services.js"></script>
<script src="../Scripts/Test/Controller.js"></script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다