Question

我从AngularJS开始。尝试创建简单的应用程序，但不工作。

<div class="col-md-10 editor" ng-controller="Editor">
          {{hello}}
        </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
    <script src="./js/script.js"></script>

的script.js

var app = angular.module('myApp', []);

app.controller('Editor', function($scope) {
   $scope.hello = "Hello!"; 
});

我做错了什么？

在控制台中没有错误。

Answer 1

您还必须在Html文件中指定应用程序。

类似的东西：

<body ng-app="myApp">
</body>

https://docs.angularjs.org/api/ng/directive/ngApp

Answer 2

使用此：

<html data-ng-app="myApp">
<head>
</head>
<body>
<div class="col-md-10 editor" ng-controller="Editor">
          {{hello}}
        </div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
    <script src="./js/script.js"></script>
</body>
</html>

Answer 3

也许，你必须先加载script.js

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
    <script src="./js/script.js"></script>

<div class="col-md-10 editor" ng-controller="Editor">
          {{hello}}
        </div>

AngularJS应用程序无法正常工作

3 个答案: