簡單的AngularJS HelloWorld不起作用

我是AngularJS的新手。剛剛寫了一個簡單的Hello World與Angular玩。它似乎不起作用，我不明白爲什麼。簡單的AngularJS HelloWorld不起作用

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Hello Angular World</title> 
</head> 
<body> 

    <h1 ng-controller="HelloWorldCtrl">{{HelloAngularWorld}}</h1> 

    <script src="angular.js"/> 
    <script type="text/javascript"> 
    function HelloWorldCtrl($scope) { 
     $scope.HelloAngularWorld = "Hi World of Angular!"; 
    } 

    </script> 
</body> 
</html>

請您指出我的錯誤嗎？

來源

2014-03-29 Michael Z

看看：http://stackoverflow.com/questions/19398190/cant-get-hello-world-to-work-with-angular-js/ 19398229＃19398229 – Cherniv

非常感謝！你救了我的一天！ –

從他們的頭版看這個例子[http://stackoverflow.com/questions/33845076/data-binding-in-angular-js/39002950#39002950](http://stackoverflow.com/questions/33845076/data- binding-in-angular-js/39002950） –

將AngularJS加載到頭部並將ng-app分配給控制器元素的父級之一（例如html或body，以便獲得<html ng-app>）。

從他們的頭版看到這個例子：http://angularjs.org/#add-some-control

來源

2014-03-29 13:09:59 Jahed

謝謝。但是現在我得到了「錯誤：[ng：areq]參數'HelloWorldCtrl'不是一個函數，在瀏覽器控制檯出現undefined」錯誤 –

廢話！我發現了一個錯誤！空標籤在某些瀏覽器中不起作用！ Ohh .... –

1.在頁面上的某處加載AngularJS就足夠了，不必在頭上做。 2.把'ng-app'放到controller'元素本身就可以了。 http://plnkr.co/edit/z81xeUqQyQQDSuVsdMpR?p=preview – Cherniv

簡單的AngularJS HelloWorld不起作用

回答

相關問題