Question

这似乎超级基本，但对于我的生活，我无法弄清楚我做错了什么。我试图使用在第二个模块中定义的指令（我无法控制）。

这是我的小提琴：http://jsfiddle.net/Kikketer/e04kj546/3/

这是非常基本的，但正如你所看到的，来自＆＃34;其他＆＃34;模块没有被使用。我查看http://mgcrea.github.io/angular-strap/#/getting-started之类的内容及其行＃34;将mgcrea.ngStrapmodule注入您的应用程序。＆＃34;

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

我错过了什么吗？

Answer 1

您需要引导模块，在指令上设置restrict：'E'，并将控制器声明为模块。

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>

使用其他模块的指令

1 个答案: