Параметр угловой директивы Issue

Question

Я создаю директиву, которая принимает аргументы, переданные ей из html, и заполняет поля в шаблоне. Код для директивы выглядит следующим образом.

(function(){ 
    angular.module("MyApp",{}) 
    .directive("myDirective",function(){ 
     var MyLink = function(scope,element,attr){ 
      scope.title = attr.title; 
     } 
     return{ 
      restrict : 'EA', 
      transclude:true, 
      templateUrl:"directive.html", 
      link:MyLink 
     } 
    }); 
}()) 

directive.html, как

<div > 
<span data-ng-bind="title"></span> 
</div> 

Главная страница является как

<div ng-app="IndexApp" ng-controller="IndexController"> 
     <my-directive title="hello"></my-directive> 
this is a test 
    </div> 

Моя проблема заключается в том, что почему-нибудь не получаю отображается?

Ссылка на plunker является here

Answer 1

Вашего объявления модуля неправильно, вы использовали {} вместо []. Если вы также хотели объявить директиву в другом модуле, вам нужно добавить зависимость к вашему indexApp (я сделал это в этом plunker).

http://plnkr.co/edit/s02VmgFfWhstmVhVVrUa?p=preview

index.js

(function(){ 
    angular.module("IndexApp",['myDirectives']) 
    .controller("IndexController",function($scope){ 
    $scope.title = "this is to test"; 
    }); 
}()) 

directive.js

(function(){ 

    angular.module("myDirectives", []) 
    .directive("myDirective",function(){ 
     var MyLink = function(scope,element,attr){ 
      scope.title = attr.title; 
     } 
     return{ 
      restrict : 'EA', 
      templateUrl:"directive.html", 
      link:MyLink 
     } 
    }); 
}())