добрый день, друзья!
не могу понять, почему не срабатывает директива.
- зависимость к основному модулю прописал
- путь в <script> добавил
angular.module("cart", [])
.directive("cartSummary", function(cart) {
return {
restrict: "E",
templateUrl: "components/cart/cartSummary.html",
controller: function($scope) {
var cartData = cart.getProducts();
$scope.total = function() {
var total = 0;
for (var i = 0; i < cartData.length; i++) {
total += (cartData[i].price * cartData[i].count);
}
return total;
}
$scope.itemCount = function() {
var total = 0;
for (var i = 0; i < cartData.length; i++) {
total += cartData[i].count;
}
return total;
}
}
};
});
Это cartSummary.html:
<style>
.navbar-right { float: right !important; margin-right: 5px;}
.navbar-text { margin-right: 10px;}
</style>
<div class="navbar-right">
<div class="navbar-text">
<b>Your cart:</b>
{{itemCount()}} item(s),
{{total() | currency}}
</div>
<a class="btn btn-default navbar-btn">Checkout</a>
</div>
