2017-02-16 51 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' 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> 
相關問題