為什么我的簡單Angular.js應用程序不起作用？
[英]Why won't my simple Angular.js app work?
問題描述
我知道這不會被認為是一個很好的Stackoverflow問題，但我不能為我的生活弄清楚為什么這不起作用（基於Angular自己的教程，我正在跟隨），我沒有人問。
我在瀏覽器中打開我的HTML。 該文件看起來完全像這樣：
<!DOCTYPE html>
<html>
<head ng-app="MyFirstApp">
<title>My Page</title>
<script src="bower_components/angular/angular.js"></script>
<script>
var mod = angular.module("MyFirstApp", []);
mod.controller('myController', function($scope){
alert("Hi");
$scope.a = 5;
});
</script>
</head>
<body ng-controller="myController">
<h1> My Body </h1>
<div>
<h1>{{a}}</h1>
</div>
</body>
</html>
一切都很好，控制台沒有錯誤。 我檢查了兩次和三次，並且所有變量拼寫正確。
你能告訴我為什么它不起作用嗎？
2 個解決方案
解決方案1
7 已采納 2014-10-21 07:02:43
放
html或正文中的ng-app="MyFirstApp"
喜歡
<html ng-app="MyFirstApp">
要么
<body ng-app="MyFirstApp">
如果您定義ng-app，如<head ng-app="MyFirstApp">這，它表示您的應用。 范圍是在head標簽中放置的，因此它對身體不可見，但僅在head可見。
解決方案2
1 2014-10-21 07:13:10
嘿，你只是忽略了角度嵌套。 控制器鏈接到模塊，可在模塊內訪問。
在您的情況下，您已定義模塊MyFirstApp並將其添加到head標記。 因此，鏈接控制器可在頭標記的后代內訪問。 但是在這里你已經將控制器myController添加到head標簽之外的body標簽。
為什么我的Angular.js提琴無法正常工作？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.