Angular JS代码不起作用

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

的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"; 
    });

当我在浏览器中预览它显示{{消息} }

来源

2016-07-21 Brent Nicolet

控制台中有哪些错误？ – developer033

检查您的文件路径。 –

您的Angular代码和相应的html在语法和语义上都是正确的。唯一可以推测的是你的文件路径或文件名。 –

检查javascr你所引用的ipt文件是正确加载的，如果你在加载视图后引用它们，它总是更好。类似下面，

<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

来源

2016-07-21 01:31:10 Sajeetharan

我把它们移到底部，现在就开始工作。谢谢！ –

我觉得你的问题是，你不链接到正确的JavaScript文件的路径。尝试检查元素以查看是否有任何404错误。

来源

2016-07-21 01:37:32

Angular JS代码不起作用

回答

相关问题