Здравствуйте. Начал изучение AngularJS на сайте
campus.codeschool.com и сразу столкнулся с проблемой. Когда пытаюсь вывести на страницу выражение
<h1> {{store.product.name}} </h1>
то так её и получаю на странице - {{store.product.name}}
Вроде всё сделал как в примере, но имя не вытягивает из js-файла.
В чём может быть проблема?
Весь код:
<!DOCTYPE html>
<html lang="en" ng-app="store">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<title>Angular Learning</title>
</head>
<body>
<div ng-controller="StoreController as store">
<h1> {{store.product.name}} </h1>
<h2> ${{store.product.price}} </h2>
<p> {{store.product.description}} </p>
</div>
</body>
</html>
(function () {
var app = angular.module('store', []);
app.controller('StoreController', function () {
this.product = gem;
});
var gem = {
name: 'Dodecahedron',
price: 2.95,
description: '. . .',
}
})();
Средний
Средний