Я знаю, что это было задано, но ничто не отвечает на мой вопрос. Я получаю ошибку Argument 'StoreController' is not a function, got undefined
Угловой контроллер не найден
base.html
<!DOCTYPE html>
<html ng-app="store">
<head>
<link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap.min.css"/>
<script type="text/javascript" src="resources/angular.min.js"></script>
<script type="text/javascript" src="resources/app.js"></script>
<title>Let's Learn Angular!</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>
app.js
(function() {
var app = angular.module("store", []);
app.controller("StoreController", function() {
this.product = gem;
});
var gem = {
name: "Dodecahedron",
price: 2.95,
description: "This is a 12 sided three-dimensional solid",
};
})();
Я проверил, чтобы убедиться, что путь к app.js
правильно. Я не совсем понял, как $scope
был внедрен here, но я выполнил эти инструкции безрезультатно. Угловые работы правильно за пределами div
, где я объявляю контроллер. Я прошел через this checklist и последовал за этими шагами, насколько я мог это понять. Мой код полностью скопирован из курса CodeSchool angular.js, и я не вижу различий. Я использую Angular 1.5
Почему вы завернули приложение app.js в функцию? –
http://www.w3schools.com/js/js_function_closures.asp –
Я скопировал и вставил ваш код, и он отлично работал для меня. –