не срабатывает директива
 

добрый день, друзья!
не могу понять, почему не срабатывает директива.
- зависимость к основному модулю прописал
- путь в <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>

Напишите весь код скрипта, так скорее помогут.

Удобнее всего простой тестовый пример на котором проявляется проблема...

потому, что ты еене вызываешь