Verwenden von Anweisungen von anderen Modulen

Question

Das scheint super einfach, aber für das Leben von mir kann ich nicht herausfinden, was ich falsch mache. Ich versuche, eine Direktive zu verwenden, die in einem zweiten Modul definiert ist (das ich nicht kontrolliere).

Hier ist meine Geige: http://jsfiddle.net/Kikketer/e04kj546/3/

Es ist ziemlich einfach, aber wie Sie sehen können, die Richtlinie von dem „anderen“ Modul nicht verwendet wird. Ich sehe Dinge wie http://mgcrea.github.io/angular-strap/#/getting-started und ihre Zeile "Inject das mgcrea.ngStrapmodul in Ihre Anwendung."

Fehle ich etwas?

Answer 1

Sie müssen das Modul bootstrap, setzen Sie beschränken: 'E' auf der Richtlinie, und erklären Sie Ihren Controller zu dem Modul.

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

 
other.directive('something', function() { 
 
    return { 
 
    restrict: 'E', 
 
    template: '<div>Yep</div>', 
 
    link: function() { 
 
     console.log('something'); 
 
    } 
 
    } 
 
}); 
 

 
var myApp = angular.module('myApp', ['other']); 
 
myApp.controller('MyCtrl', 
 
    function MyCtrl($scope) { 
 
    $scope.name = 'Superhero'; 
 
    }); 
 

 
angular.element(document).ready(function() { 
 
    var moduleEl = document.getElementById("my-app"); 
 
    angular.bootstrap(moduleEl, ['myApp']); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
 
<section id="my-app"> 
 
    <div ng-controller="MyCtrl"> 
 
    Hello, {{name}}! 
 
    <something> Hrmmm </something> 
 
    </div> 
 
</section>