[英]Angular.js doesn't work
我正在嘗試學習Angular.JS，所以我編寫了這個簡單的代碼來測試它：
<!doctype html>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<title>Angular.JS</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
</head>
<body>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/myapp.js"></script>
<p>The sum of 5+10 is: {{5 + 10}}</p>
</body>
</html>
在瀏覽器中我應該看到以下輸出： The sum of 5+10 is: 15 ，但我只是看到它： The sum of 5+10 is: {{5 + 10}} 。 我在Chrome和FF中都嘗試過，我嘗試使用<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>從Google CDN添加angular.js <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> ，我試圖在<head>標簽之間移動腳本，但結果總是一樣的。
我究竟做錯了什么？ 為什么我沒有正確輸出？
<html ng-app="myapp">
為ng-app指定名稱時，它希望找到具有該名稱的用戶創建的模塊。 如果你真的只是想讓你的例子工作，你可以簡單地刪除="myapp" ，你就可以全部設置。
<html ng-app>
如果要保留“myapp”名稱，請在加載角度后添加此腳本塊。
<script type="text/javascript">
angular.module('myapp', []);
</script>
在html中刪除名稱初始化：
<html ng-app>
或者在javascript文件中初始化模塊：
var myapp = angular.module("myapp", []);
第二種方式更好。
只需使用“ng-app”：
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body ng-app>
{{ 5 + 10 }}
</body>
</html>
這應該工作。
您需要在此處實現您正在使用的模塊myapp
<html ng-app="myapp">
以下內容：
<script type="text/javascript">
var app = angular.module('myapp', []);
</script>
最終的HTML是這樣的：
<html ng-app="myapp"> <head> <meta charset="utf-8"> <title>Angular.JS</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> <script type="text/javascript"> var app = angular.module('myapp', []); </script> </head> <body> <script type="text/javascript" src="js/myapp.js"></script> <p>The sum of 5+10 is: {{5 + 10}}</p> </body> </html>
Mixitup Angular.js指令（Angular.js監視不起作用）
[英]Mixitup Angular.js directive (Angular.js watch doesn't work)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.