2016-06-19 41 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指令。