AngularJsとng-controller

私はちょうどAngularJSの学習を始めましたが、私はこの時点で固執しています。私は1つのプロジェクトに3つのファイルを作っ：AngularJsと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"; 

}]);

出典

2016-08-16 Gagandeep Singh

。 javascriptファイルが正しくロードされていることを確認してください。 –

開発ツール（Chrome、Firefox、OperaのF12）を確認して、コンソールにエラーが表示されていないかどうかを確認してください。 – Skaparate

@ GuranjanSingh：はい、正しく読み込まれますが、運はありません。 –

は、ネットワーク]タブは、角自体が実際にコピーをロードし、実行中のサンプルにあなたのコードを貼り付けされていることを確認し確認しています。私は、コードに問題が表示されていない

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>

出典

2016-08-16 01:27:14 shaunhusain

私はあなたの提案をしましたが、運はありません。また、角度のあるファイルがサンプルにロードされました。 –

AngularJsとng-controller

答えて

関連する問題