流星:在管理仪表板路由之前添加Bootstrap CDN链接



enter code here我使用 materializecss 为我的应用程序的UI。我想添加管理包以及,为此我使用yogiben:管理包。问题是,要使用这个管理包,我必须安装Bootstrap包,以及我不能这样做,因为我使用materializecss的UI工作。

现在有一个小hack,我想做的,这是添加Bootstrap CDN链接之前 /admin 路由。

有人可以帮助我如何添加链接,引导cdn上飞行。因此,当用户以admin身份登录并进入/admin路由或/admin/*时,应该加载bootstrap css和javascript。

我正在尝试这样做:

Router.route("admin", {
path: AdminDashboard.path('/admin'),
  onBeforeAction: function(){
    link: {
      stylesheet: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
    }
    this.next();
  }  
});

但是上面的代码给出了错误

错误:路径"/admin"已经存在名为"admin"的路由。

没关系。我自己设法做到了。这是一个解决方案,如果别人找它。

    Router.onAfterAction(function(){
      var routeName = Router.current().route.getName();
      if ( routeName.indexOf("adminDashboard") == 0 ) {
        $("head #injectedBootstrap").remove(); //removes duplicates
        $("head").append($("<link rel='stylesheet' id='injectedBootstrap' href='/css/bootstrap.min.css' type='text/css' media='screen' />"));
        $("head #injectedBootstrapJs").remove(); //removes duplicates
        $("head").append($("<script type='text/javascript' src='/js/bootstrap.min.js'></script>"));
      }
    });

最新更新