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

Question

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

0

Я понятия не имею, почему, когда я делаю учебник 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}}

Brent Nicolet 21 июль 2016, в 03:12

Источник

1

Какие ошибки в консоли?
developer033 21 июль 2016, в 00:41
0

Проверьте ваши пути к файлам.
user6470655 21 июль 2016, в 00:55
0

Ваш угловой код и соответствующий html синтаксически и семантически верны. Единственное, что я могу предположить, что было бы неправильно, это ваши пути к файлам или имена файлов.
Grant Park 21 июль 2016, в 01:25

Показать ещё 1 комментарий

Теги:

javascript

angularjs

2 ответа

0

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

Ashwin Ramaswami 20 июль 2016, в 23:06

Ещё вопросы

Ваш угловой код и соответствующий html синтаксически и семантически верны. Единственное, что я могу предположить, что было бы неправильно, это ваши пути к файлам или имена файлов.

Sajeetharan · Accepted Answer · 2016-07-21T00-11-00.000Z

Проверьте, правильно ли загружены файлы 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

Я переместил их на дно и теперь оно работает. Спасибо!