Угловой код JS не работает

Я понятия не имею, почему, когда я делаю учебник AngularJS, что он не работает в моем браузере. Я новичок в AngularJS. Любые идеи были бы замечательными. У меня 3 файла.Угловой код 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

Проверьте пути к файлам. –

Ваш угловой код и соответствующий 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

Я переместил их на дно и теперь работал. Благодаря! –

Я думаю, ваша проблема в том, что вы не ссылки на соответствующий яваскрипт пути к файлам. Попробуйте проверить элемент, чтобы узнать, есть ли у вас 404 ошибки.

источник

2016-07-21 01:37:32

Угловой код JS не работает

ответ

Смежные вопросы