javascript - Angular JS 代码不工作

标签 javascript angularjs

我不知道为什么当我做 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', []);

核心.js:

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

当我在浏览器中预览它时,它显示 {{message}}

最佳答案

检查您引用的 JavaScript 文件是否正确加载,如果在加载 View 后引用它们总是更好。像下面这样,

  <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

关于javascript - Angular JS 代码不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38492952/

相关文章:

javascript - 如何忽略先前的选择并只写入最后选择的内容

javascript - 在运行时为 ASP.NET 缩小动态生成的 javascript

javascript - AngularJS:为什么(显然)不需要为 ng-model 声明变量?

javascript - 如何使用 Testacular 运行单个 E2E 测试?

javascript - 服务显示 Angular 未定义

javascript - 如何在ng-repeat下拉输入框中添加占位符?

javascript - jQuery 删除多个 Id 上的相同类

javascript - 以 Angular 限制同时异步 $http get 请求

javascript - 当我单击不同页面应用程序中页眉中的超链接时,如何向下滚动到页脚

angularjs - 在 AngularJs 中装饰 ng-click 指令