他のモジュールからの指示を使用

Question

これは非常に基本的なようですが、私の人生にとって私は何が間違っているのか理解できません。私は第2のモジュール（私が制御しない）で定義されているディレクティブを使用しようとしています。 http://jsfiddle.net/Kikketer/e04kj546/3/

それはかなり基本的ですが、あなたが見ることができるよう、「その他」のモジュールからのディレクティブが使用されていない：

は、ここに私のバイオリンです。 私はhttp://mgcrea.github.io/angular-strap/#/getting-startedのようなものを見て、その行に「あなたのアプリケーションにmgcrea.ngStrapmoduleを注入してください。

angular.module('myApp', ['mgcrea.ngStrap']); 

私に何かが不足していますか？

Answer 1

モジュールをブートストラップし、指令にrestrict： 'E'を設定し、コントローラをモジュールに宣言する必要があります。あなたのjsFiddleで

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>