2014-10-11 53 views
1

我正在做一個簡單的hello世界的例子直出書,但不知何故我不能得到它正確的。不知道這裏發生了什麼。可以產生角JS輸出

HTML代碼,angular.js從angularjs網站

<!DOCTYPE html> 

    <html ng-app> 
    <head> 
    <script src="angular.js"></script> 
    <script src="controller.js"></script> 
    </head> 
    <body> 
    <div ng-controller='HelloController'> 
     <p>{{greeting.text}}, World</p> 
    </body> 
    </html> 

Controller.js

function HelloController($scope){ 
    $scope.greeting={text:'Hello'}; 
} 

下載最新的1.3.x我爲什麼能獲得世界您好在輸出的時候我加載html頁面。相反,我看到這個

{{greeting.text}},世界

是怎麼回事?

+0

失蹤的div結束標記? – 2014-10-11 14:27:39

回答

1

這裏是會爲你工作:

function HelloController($scope) { 
 
    $scope.greeting={text:'Hello'}; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-controller="HelloController"> 
 
    <p>{{greeting.text}}, World</p> 
 
    </div> 
 
</div>

+0

這工作,爲什麼?爲什麼不能使用本地的角度JavaScript文件? – 2014-10-11 22:21:43

1
<html> 
    <head> 
    <script src="angular.js"></script> 
    <script src="controller.js"></script> 
    </head> 
    <body ng-app> 
    <div ng-controller='HelloController'> 
     <p>{{greeting.text}}, World</p> 
    </div> 
    </body> 
    </html> 
+0

這就是爲什麼我使用自動添加結束標籤的IDE。 ;) – 2014-10-11 15:03:56