Почему не работает директива?

Question

[Max]

Здравствуйте, подскажите почему не срабатывает директива?

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

app.controller('MainController', ['$scope', function($scope) {
  $scope.apps = [ 
	  { 
	    icon: 'img/move.jpg', 
	    title: 'MOVE', 
	    developer: 'MOVE, Inc.', 
	    price: 0.99 
	  }, 
	  { 
	    icon: 'img/shutterbugg.jpg', 
	    title: 'Shutterbugg', 
	    developer: 'Chico Dusty', 
	    price: 2.99 
	  },
	  {
	    icon: 'img/gameboard.jpg',
	    title: 'Gameboard',
	    developer: 'Armando P.',
	    price: 1.99
	  },
	  {
	    icon: 'img/forecast.jpg',
	    title: 'Forecast',
	    developer: 'Forecast',
	    price: 1.99
	  }
	];

	app.directive('appInfo', function() { 
	  return { 
	    restrict: 'E', 
	    scope: { 
	      info: '=' 
	    }, 
	    templateUrl: 'template/text.html' 
	  }; 
	});
}]);

<div ng-repeat="app in apps">
      <app-info info="app"></app-info>
    </div>

text.html

<img class="icon" ng-src="{{ info.icon }}"> 
<h2 class="title">{{ info.title }}</h2> 
<p class="developer">{{ info.developer }}</p> 
<p class="price">{{ info.price | currency }}</p>

Comments

[Andrey K]

Что в консоль пишется?

[Max]

Andrey: ничего( пустая консоль

Answer 1

[Андрей]

У вас в ява-скрипте опечатка.
Директива почему то внутри контроллера объявляется. Если её вынести на уровень выше то всё будет работать

Comments

[Max]

Большое спасибо!

[Max]

Буду благодарен, если подскажите что конкретно в директиве делает строчка info: '='

[Андрей]

scope: {info: '='} значит примерно: "Создать изолированный scope и добавить в этот скоуп свойство info двусторонне связанное со свойством родительского скоупа, а имя этого скоупа взять из аттрибута info тега app-info". Более подробнее я думаю можно ознакомиться в документации: https://docs.angularjs.org/api/ng/service/$compile...