Question

我不知道为什么当我做一个AngularJS教程时它在我的浏览器中不起作用。我是AngularJS的新手。任何见解都会很棒。我有3个文件。

的index.html：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>First Angular App</title>
        <script src="angular.js"></script>
        <script src="app.js"></script>
        <script src="core.js"></script>
    </head>
    <body>
      <div id="main_div" ng-app='my_ang_app' ng-controller='first_div'>
       {{message}}
      </div>
    </body>
    </html>

app.js：

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

core.js：

app.controller('first_div', function ($scope) {
     $scope.message="Hello world from angular";
    });

当我在浏览器中预览时，会显示{{message}}

Answer 1

检查您提到的javascript文件是否正确加载，如果在加载视图后引用它们，它总是更好。如下所示，

  <body>
    <div id="main_div" ng-app='my_ang_app' ng-controller='first_div'>
    {{message}}
    </div>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="core.js"></script>
    </body>

以下是working App

Answer 2

我认为您的问题是您没有链接到正确的javascript文件路径。尝试检查元素以查看是否有任何404错误。

Angular JS代码不起作用

2 个答案: