Question

我正在构建一个简单的功能来测试AngularJS，它不适用于Mac OSX上的Chrome，Mozilla和Safari。由于ng-model工作正常，我猜测ng-controller存在问题。这是我正在使用的代码：

<!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'

    }
}

所以，如果有人能指出我的问题那就太棒了......

Answer 1

每个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指令。

Angular不在本地工作

1 个答案: