2016-08-09 3 views
1

평균 스택을 배우기 시작했으며 일부 코드를 사용해보고 싶지만 AngularJs 컨트롤러가 내 PC에서 작동하지 않습니다. 나는 Acer Aspire V Nitro에 창문 10을 가지고있다.AngularJS Controller가 내 PC에서 작동하지 않는 이유는 무엇입니까?

아무도 도와 줄 수 있습니까? 고도의 의무가있을 것입니다.

내 코드 - (index.html을)

<!DOCTYPE html> 
<html ng-app="appname"> 

    <head> 
    <script src="angular.min.js"></script> 
    <link href="style.css" rel="stylesheet"/> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div ng-app="appname" ng-controller="appCtrl"> 
     <p>{{greeting.text}}, world </p> 
    </div> 
    </body> 

</html> 

(app.js)

var appname = angular.module('appname', []); 
appname.controller('appCtrl', ['$scope', 
    function($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}]); 

두 파일이 C에있다 : // 테스트 폴더에 있습니다.

감사합니다.

+1

당신이 브라우저에로드 확인 일의 커플 1) 수행 모든 JS 파일을 만들 수 있습니다 2) 콘솔에 오류가 있습니까? –

답변

1

이 있습니다 (div의 하나를 제거하기 위해 I 조언) 중 하나를 제거하기 위해 div에와 html .Try에, 코드에서 2 ng-app 있습니다. 이 을 app.js해야 할 때

는, 당신은 파일을 포함 script.js

var appname = angular.module('appname', []); 
 
appname.controller('appCtrl', ['$scope', 
 
    function($scope) { 
 
    $scope.greeting = { text: 'Hello' }; 
 
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app="appname"> 
 

 
    <body> 
 
    <div ng-controller="appCtrl"> 
 
     <p>{{greeting.text}}, world </p> 
 
    </div> 
 
    </body> 
 

 
</html>

+0

제거했지만 여전히 작동하지 않습니다. '{{greeting.text}}, world'를 말하고 있습니다 –

+0

'ng-app'를 두 번 지정하면 잘못되었지만 bdw second는 무시됩니다. 문제는 다른 것이어야합니다. 당신은 대답을 이해하지 못합니다. –

+0

먼저 실행하기 전에 먼저 특별한 것을 설치해야합니까? 지금 나는 nodejs와 mongodb를 설치했고 동일한 폴더에 angular.min.js 버전 1.5.8의 페이지를 저장했다. –

0

아래의 코드라는 참조하십시오. 다음 사항을 확인하십시오.

... 
<script src="script.js"></script> 
... 

컨트롤러가 등록되어있는 js를 가리 킵니다.

0

당신에 따라 angular 코드는 파일 app.js에 자리 잡고 있지만 정도로 배치하여 index.html 페이지와 연결되지 않은 것 :

<script src='app.js'></script> 
+0

예, 시간을내어 도와 주셔서 감사합니다. 혼란에 대해 미안 해요, 한 번에 2 코드를 실행하고 혼란스러워하지만 여전히 다른 코드와 문제가 발생합니다. –

관련 문제