2016-08-16 4 views
1

방금 ​​AngularJS를 배우기 시작했으나이 시점에서 멈추었습니다. 나는 하나 개의 프로젝트에 세 개의 파일을 만든 :AngularJs and ng-controller

1.Index.html 
2.Angular.min.js(downloaded from official site) 
3.Script.js 

하지만 브라우저에서 HTML을 개방하고 때 테스트 속성 값을 받고 있지 않다. 그것은 단지 {{test}} (값이 아님)을 보여줍니다. 당신이 나를 도와 주면 매우 감사 할 것입니다.

<!DOCTYPE html> 
    <html lang="en" ng-app = "myapp"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Document</title> 
    </head> 
    <body ng-controller = "MyCtrl"> 
      {{test}} 
      <script src = "angular.min.js"</script> 
      <script src = "script.js"></script> 
    </body> 
    </html>*** 

Script.js 파일

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

app.controller('MyCtrl', ['$scope', function($scope){ 
    $scope.test = "Welcome to my world"; 

}]); 
+0

나는 코드에 문제가 표시되지 않습니다. javascript 파일이 올바르게로드되고 있는지 확인하십시오. –

+0

개발자 도구 (Chrome, Firefox 및 Opera에서 F12)를 확인하고 코드에 코드가 없기 때문에 콘솔에 오류가 표시되는지 확인하십시오. – Skaparate

+0

@ GuranjanSingh : 올바르게로드되었지만 운이 없습니다. –

답변

2

네트워크 탭을 확인 각도 자체가 실제로 복사를로드하고 실행중인 샘플로 코드를 붙여되어있을 확인합니다.

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

 
app.controller('MyCtrl', ['$scope', function($scope){ 
 
    $scope.test = "Welcome to my world"; 
 

 
}]);
<!DOCTYPE html> 
 
    <html lang="en" ng-app = "myapp"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>Document</title> 
 
    </head> 
 
    <body ng-controller = "MyCtrl"> 
 
      {{test}} 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 
 
      <!-- 
 
      you were missing a > here 
 
      <script src = "angular.min.js"</script> 
 
      <script src = "script.js"></script> 
 
--> 
 
    </body> 
 
    </html>

+0

나는 당신이 제안한 것을했지만 행운은 없다. 또한 예 각도 파일이 내 샘플에로드되었습니다. –