angularjs – Angular-Meteor – 如何在基于包的设计中包含ng模

在我的package.js中,我有这个

Package.onUse(function(api) {
    api.versionsFrom('1.1.0.3');
    api.use('angular:angular@1.4.4','client');
    api.use("urigo:angular@0.9.3",'client');
    api.use("session@1.1.0",'client');

    //api.use('angularui:angular-ui-router@0.2.15','client');
    api.addFiles('interests.js','client');
    api.addFiles('interests.ng.html','client');

    api.export("InterestsCtrl","client")
});

请注意,您必须导出控制器,以便父应用程序可以访问它.

在我的包中,名为ramshackle：bigd-interest,我在根级别拥有这些文件：package.js,interests.ng.html和interests.js. interests.js将Angular控制器,Anguilar UI路由器路由注入模板,以及侧栏链接到父应用程序.它通过使用Meteor Session实现了这一点.我玩过其他方式,但Session是唯一有效的方法.请注意正确确定会话变量名称的范围.

//add controllers
var controllers = Session.get("BIGD.controllers");
if (!controllers) controllers = {};

var interestsCtrlSpec = "'$scope',InterestsCtrl";

InterestsCtrl = function($scope){
    console.log("InterestsCtrl running");
};
controllers.InterestsCtrl = interestsCtrlSpec;
Session.set("BIGD.controllers",controllers);

//add routes
var routes = Session.get("BIGD.routes");
if (!routes) routes = {};
routes.interests = {
    url: '/interests',templateUrl: 'ramshackle_bigd-interests_interests.ng.html',controller: 'InterestsCtrl'
};
Session.set("BIGD.routes",routes);

//add sidebar links
//the key determines sorting order
var sidebar = Session.get("BIGD.sidebar");
if (!sidebar) sidebar = {};
sidebar["interests"] = {
    url: '/interests',controller: 'InterestsCtrl',rank: 5
};
Session.set("BIGD.sidebar",sidebar);

var interestsItem = {label: 'Interests',link: '/interests',icon: "rocket"};

在我的父应用程序的app.js中,我动态加载了会话中的控制器和路由,如下所示：

angular.module('bigdam','angularify.semantic.sidebar','nvd3','leaflet-directive','ui.router.history'
])

    .config(['$urlRouterProvider',$locationProvider){
        //console.log("app.js config!");
        $locationProvider.html5Mode(true);

        //add a static state
        $stateProvider
            .state('home',{
                url: '/',controller: 'HomeCtrl'
            });

        //add the dynamic routes/states from other Meteor packages
        for (var stateId in routes) {
            var route = routes[stateId];
            $stateProvider
                .state(stateId,route);
        }

        $urlRouterProvider.otherwise('/');
    }])
;

//Declare the controllers from plugins
for (var controllerId in controllers) {
    var controllerSpec = controllers[controllerId];
    var controllerSpecArray = eval("[" + controllerSpec + "]")
    angular.module('bigdam').controller(controllerId,controllerSpecArray);
}

所以现在,当我创建一个新的Meteor软件包并遵循上述约定时,其控制器,路由和侧边栏链接将加载到主应用程序中.