2017-04-30 16 views
3
var myApp = angular.module("myModule",[]); 
myApp.controller("myController",function($scope){ 
    $scope.name = "Hello Anjnee"; 
}); 


<html> 
    <head> 
     <script src="Scripts/script.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> 
    </script> 
    </head> 
    <body ng-app="myModule"> 
     <div ng-controller="myController"> 
     <p>{{name}}</p> 
    </div> 
</body> 
</html> 

htmlページで$ scope.nameの値を使用しようとしています。私は.jsファイルと.htmlファイルを別々に保管していました。角度1は、モジュール/コントローラファイルをview/htmlに読み込めません。

+0

- https://codepen.io/nagasai/pen/Njjaeqと、それは私が同じことをやったし、そのスタートが正常に動作してはい –

答えて

0

ブラウザにいくつかのエラーメッセージがありましたか?コードはよく見えます。 おそらく頭の中で呼ばれたCDN angular.min.jsから来ています。 script.jsはまだ読み込まれていない角度を参照するため、script.jsファイルの前に置く必要があると思います。

はまた、頭の中であなたが書いた:

<head>`enter code here`</head>. 

をあなたがこのようなHTMLのコードをコメントのため 方法に従って「ここにコードを入力し」コメントすることがあります。

<!-- enter code here --> 

そうでない場合は、フォルダースクリプトは大文字で始まります。私はそれを大文字で完全に書くことをお勧めします。

+0

正常に見えます。ありがとうたくさんitachi uchiha –

+0

ようこそ。 –

0

コントローラに依存するとして$ scopeを渡す必要があります。お使いのコントローラの宣言は次のように起動します :codepen作成

myApp.controller('myController', ['$scope', function($scope) { 
関連する問題