AngularJS: Директива не может найти зависимость впрыскивается

Question

Вот мой plunker - http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview

Я пытаюсь внедрить Angular Strap

index.html в том числе правильных зависимостей и в правильном порядке

By Console говорит

Error: Unknown provider: $strap.directivesProvider <- $strap.directives <- notificationDirective 
@http://code.angularjs.org/1.1.5/angular.min.js:29 
c@http://code.angularjs.org/1.1.5/angular.min.js:27 
@http://code.angularjs.org/1.1.5/angular.min.js:30 
c@http://code.angularjs.org/1.1.5/angular.min.js:27 
d@http://code.angularjs.org/1.1.5/angular.min.js:27 
@http://code.angularjs.org/1.1.5/angular.min.js:37 
forEach@[native code] 

Answer 1

Зависимость модуля от AngularStrap приведена не в том месте. '$strap-directives' представляет собой модуль зависимость, а не зависимость службы, поэтому он должен быть указан во время приложения начальной загрузки, как:

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

Он также должен быть удален в качестве службы DI в вашей директиве:

app.directive('notification', function(){ 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: { 
      ngModel: '=' 
     }, 
     template: '<div>Test</div>' 
    } 
}); 

Так они настраивают Plunkers на AngularStrap site.

Answer 2

$strap.directives - это модуль. Вам необходимо определить его как зависимость для вашего собственного модуля:

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

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

app.directive('notification', function(){ 
    return { 
    restrict: 'E', 
    replace: true, 
    scope: { 
     ngModel: '=' 
    }, 
    template: '<div>Test</div>' 
    } 
});