2016-06-19 62 views
-3

我正在構建一個簡單的功能來測試AngularJS,它不適用於Mac OSX上的Chrome,Mozilla或Safari。 我猜測ng-controller存在問題,因爲ng-model工作正常。 這裏是我使用的代碼:Angular不在本地工作

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular Demo</title> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/js/main.js"></script> 
</head> 
<body> 

<div ng-controller="myController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.title + ', ' + author.company}}</p> 
</div> 

</body> 
</html> 

這裏是main.js文件:

function myController($scope) { 

    $scope.author = { 
     'name' : 'The Name', 
     title : 'The title', 
     company : 'The Company Name' 

    } 
} 

所以,如果有人能指出我的問題,這將是巨大的......

+1

你忘了在視圖中添加'ng-app'。 –

+0

ng應用程序的文檔 - https://docs.angularjs.org/api/ng/directive/ngApp –

+0

如何在沒有ng-app的情況下使用ng模型? – gaurav5430

回答

0

每個Angular應用程序都需要一個ng-app指令來指出角度將運行的根元素。

你的情況:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular Demo</title> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/js/main.js"></script> 
</head> 
<body ng-app=""> 

<div ng-controller="myController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.title + ', ' + author.company}}</p> 
</div> 

</body> 
</html> 

這是更好地申報的程序名稱(模塊名稱),然後將其分配給ng-app指令。