所以我剛剛通過幾個在線網站學習了AngularJS,並熟悉了基本的JS,HTML和CSS。我發現這3個學習相當簡單,但是對於AngularJS有點問題。我真的只是在開始,但有一個問題,爲什麼我輸入的代碼沒有返回所需的結果。我有兩個窗口(或文件...我不知道什麼是正確的詞彙在這裏)打開。一個名爲main.js的js和一個名爲index.html的索引文件。在main.js我:這個特定的AngularJS代碼有什麼問題?
var app= angular.module('myApp'),[])
app.controller('MyController', function($scope) {
$scope.person = {
name: "Papa Bear"
};
});
在索引文件中我有:
<!doctype html>
<html ng-app='myApp'>
<head>
<script src='js/main.js'></script>
</head>
<body>
<h2> Hi there </h2>
<div ng-controller='MyController'>
{{ person.name }}
</div>
</body>
<html>
的 「你好」 顯示就好了。但是,我相當確定的{{person.name}}應該返回:Papa Bear只是簡單地顯示爲「{{person.name}}」。我的代碼中的錯誤在哪裏,它不是連接person.name到爸爸熊?
目前還不清楚您的索引文件中是否包含'angular'腳本?它看起來不像你發佈的內容。 – kaveman
檢查您的瀏覽器的JS /錯誤控制檯。你的'module'中有一個錯字,它應該是'angular.module('myApp',[])'(你在模塊名後加了一個額外的')' – Phil