2017-02-16 7 views
1

角度モジュールを定義し、htmlで参照しようとしています。私は何が間違っているのか理解できません。 angular.min.jsファイルはapp.jsファイルと同じフォルダにあります。ここで

ここでHTML

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Shopping List Check Off</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <script src = "js/angular.min.js" </script> 
     <script src = "js/app.js" </script> 
     <link rel="stylesheet" href="styles/bootstrap.min.css"> 
     <link rel="stylesheet" href="styles/styles.css"> 
    </head> 
    <body ng-app="apply"> 
     <h1> This is test page </h1> 
    </body> 
</html> 

はapp.jsファイルの内容

(function() { 
    'use strict'; 

    angular.module('apply',[]) 
})(); 

は、任意の応答をお願い申し上げますされています。おかげさまで

+1

適切に閉じて、あなたの '!のDOCTYPE HTML>'、 '<あなたの' HTML file'でscript'タグはまず、それはあまり問題なく – nivas

+0

おかげで動作します。スクリプト行には、終了タグがより前にありませんでした。ありがとう、私は何かが明らかでないことが分かっていた。 –

+0

あなたは歓迎です、それは答えとしてそれを受け入れる、他の人に役立つように:) – nivas

答えて

1

おそらく最初に紛失した<もあります。モジュールの終わりに、

(function() { 
    'use strict'; 
    angular.module('apply', []); 
})(); 

DEMO

(function() { 
 
    'use strict'; 
 
    angular.module('apply', []); 
 
})();
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-app="apply"> 
 
    <h1> This is test page </h1> 
 
</body> 
 

 
</html>

0

ソースを表示(Ctrlキーを押しながらU)とあなたがクリックすることでAngular.min.jsにアクセスできるかどうかを確認その上に。それとも単に使用

<script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
関連する問題