Почему я не могу заставить Angularjs работать?

Я пытаюсь выполнить угловые в первый раз, и у меня возникли проблемы с его работой. Я думаю.Почему я не могу заставить Angularjs работать?

Я выполняю упражнения на веб-сайте, и когда я запускаю его на веб-сайте, он работает, но когда я пытаюсь следовать за ним и писать сам в своих собственных файлах, я не могу заставить его работать.

Например: когда я печатаю это «{{}} store.product.name» печатает точно, что включая скобки, но на сайте он печатает «Азурит»

мой код:

index.html

<!DOCTYPE html> 
<html ng-app="test"> 
<head> 
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> 
    <script src="app.js"></script> 
    <script src="angular.min.js"></script> 
</head> 
    <body ng-controller="StoreController as store"> 
    <div> 
     <h3>{{store.product.name}}</h3> 
     <h3>{{store.product.price}</h3> 
    </div> 
    </body> 
</html>

app.js

(function(){ 
    var gem = { name: 'Azurite', price: 2.95 }; 
    var app = angular.module('gemStore', []); 
    app.controller('StoreController', function(){ 
     this.product = gem; 
    }); 
})();

источник

2015-11-24 Anonymous

Какая версия Угловая вы используете? Также проверьте свою консоль браузера и поделитесь полученными ошибками. – JoMendez

Вы используете сервер локально? Если нет, это может быть проблемой. – user2263572

простой, первый вызов angular.min.js, тогда app.js –

Ваше имя приложения неверен.

<html ng-app="gemStore"> </html>

gemStore это имя для вашего приложения не test.

источник

2015-11-24 04:43:18

Я чувствую себя идиотом ха-ха, я мог бы поклясться, что у меня все в порядке. Спасибо за помощь, она закончила работать! –

Вы shuld закрыть двойную фигурную скобку

Вы

<h3>{{store.product.price}</h3>

Должно быть

<h3>{{store.product.price}}</h3>

С уважением

источник

2015-11-24 04:42:51 Bradley

при работе с угловыми приложениями.

Сначала вам нужно выполнить скрипт angularJs, а другим - следовать.

<!DOCTYPE html> 
<html ng-app="gemStore"> 
<head> 
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> 
    <script src="angular.min.js"></script> 
    <script src="app.js"></script> 

</head> 
    <body ng-controller="StoreController as store"> 
    <div> 
     <h3>{{store.product.name}}</h3> 
     <h3>{{store.product.price}</h3> 
    </div> 
    </body> 
</html>

Дайте мне знать, если вам нужна помощь.

Для справки вы можете увидеть это plunker:

http://plnkr.co/edit/28gANOyhz5mLb7zkhu9W?p=preview

источник

2015-11-24 04:43:50

Почему я не могу заставить Angularjs работать?

ответ

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