Страница не отображается должным образом

Я следую за учебником в новейшей публикации Брэда Грина для Angular JS, и у меня возникают проблемы с отображением страницы корзины для правильной отображения. Есть ли что-то, что мне нужно изменить в коде, который у меня есть, чтобы исправить это?Страница не отображается должным образом

торгово-cart.html

<html ng-app='myApp'> 
<head> 
     <title>Your Shopping Cart</title> 
</head> 
<body ng-controller='CartController'> 
     <h1>Your Order</h1> 
     <div ng-repeat='item in items'> 
       <span>{{item.title}}</span> 
       <input ng-model='item.quantity'> 
       <span>{{item.price | currency}}</span> 
       <span>{{item.price * item.quantity | currency}}</span> 
       <button ng-click="remove($index)">Remove</button> 
     </div> 
     <script src="angular.js"></script> 
     <script src="cartcontroller.js"></script> 
</body> 
</html>

cartcontroller.js

function CartController($scope) { 
     $scope.items = [ 
       {title: 'Paint pots', quantity: 8, price: 3.95}, 
       {title: 'Polka dots', quantity: 17, price: 12.95}, 
       {title: 'Pebbles', quantity: 5, price: 6.95} 
     ]; 

     $scope.remove = function(index) { 
       $scope.items.splice(index, 1); 
     } 
}

Спасибо заранее!

источник

2013-05-24 Anonymous

Поместите это в верхней части файла controller.js:

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

Вот рабочая демонстрация: http://plnkr.co/edit/ZW0iyP636DXoIac3yLdl?p=preview

Эта линия будет определять ваше приложение, и вы бы включать в себя любую другую зависимость, например, угловой ui или угловой бутстрап, чтобы они были доступны для вашего приложения. Вот еще один пример, который включает в себя другой модуль в качестве зависимого в этом случае модуля карты google:

var app = angular.module('plunker', ["google-maps"]); // http://plnkr.co/edit/5mdRdrOLRkW6PuLuH3Cv?p=catalogue

источник

2013-05-24 20:02:14 lucuma

Спасибо за фрагмент кода и пояснения. :) –

Страница не отображается должным образом

ответ

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