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代碼不起作用

回答

相關問題