angularjs - 从不同的模块访问指令

Question

我有两个不同的模块，第一个包含 Controller 第二个指令。

基本上我希望在我的 View 中呈现指令。但是由于 directive 和 controller 的 modules 不同，所以报错。

如果我提供相同的 module 那么它会解决我的问题，因为我想要一个服务于所有 Controller 的通用模块。

Controller

angular.module('SlamModuleCtrl')
        .controller('SlambookExt',['$scope','$route','SlambookCollection', function($scope,$route) {
            console.log("slam controller")
        }]);

指令

angular.module('Genericmodule')
    .directive('appVersion', ['version', function (version) {
       return {
    restrict: 'E',  
    template: '<h1>version1</h1>'
    } 
    }])

查看

 <div ng-controller="SlambookExt">
     <app-version>1</app-version>
    </div>

Answer 1

在实例化slamModuleCtrl时，需要指定genericModule作为依赖。

或者使用一个父模块将这两个模块加载为依赖项，并将该父模块用作您的 ng-app。

angular.module('parentModule',['slamModuleCtrl','genericModue'])

这只是一个看似合理的解决方案，因为您的两个模块在我看来都很合适。所以我猜版本没有显示是因为模块还没有加载