Почему этот простой угловой код не работает?

Просто играя с Угловым, и я не могу заставить его работать. Связывание работает, когда я устанавливаю ng-app = "" и ничего больше. Это мой HTML-файл:Почему этот простой угловой код не работает?

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="app/app.js"></script> 
    <script src="bower_components/angular/angular.js"></script> 
    </head> 
<body ng-app="myApp" ng-controller="myController"> 
<ul ng-repeat="x in names"> 
    <li > 
     {{ x }} 
    </li> 
</ul> 
</body>

И мой app.js

var myApp = angular.module("myApp", []); 

myApp.controller("myController", function($scope){ 
    $scope.names = ['a', 'b']; 
});

Да JS-файлы находятся в нужном месте и refrenced правильно. Я использую WebStorm. Я продолжаю видеть {{x}} на своей странице. Вместо имен внутри области.

источник

2015-08-21 dikshant

работает отлично http://jsfiddle.net/Dipak1991/rxjzxaqo/ –

Вы загружаете 'angular.js' позже. Попробуйте загрузить сначала до 'app.js'. – Vineet

Ваш app.js должен быть увязан после углового:

<!DOCTYPE html> 
<html> 

<head> 
    <script src="bower_components/angular/angular.js"></script> 
    <script src="app/app.js"></script> 
</head> 

<body ng-app="myApp" ng-controller="myController"> 
    <ul ng-repeat="x in names"> 
     <li> 
      {{ x }} 
     </li> 
    </ul> 
</body> 

</html>

источник

2015-08-21 05:27:19 GPicazo

О, ничего себе. Никогда не думал, что это имеет значение. – dikshant

Правильно указано –

Почему этот простой угловой код не работает?

ответ

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