根据ui路由器中的条件加载子视图

时间:2015-07-06 18:22:57

标签: javascript angularjs

在下面的代码中,默认情况下将加载所有三个视图。但是我想默认加载选项视图,应该根据条件加载workspaceDetailed或workspaceList视图。究竟如何实现?

模板

<span ui-sref="workarea.user">Load</span>
  <ui-view="options" />
  <ui-view="workspaceList" />
  <ui-view="workspaceDetailed" />

路由器

.state("workarea.user", {
  url: "^/workarea/?path",
  requireLogin: true,
  views: {
    "options": {
      templateUrl: "/views/options.html",
      controller: "optionsCtrl"
    },
    "workspaceList": {
      templateUrl: "/views/workspaceList.html",
      controller: "workspaceListCtrl"
    },
    "workspaceDetailed": {
      templateUrl: "/views/workspaceDetailed.html",
      controller: "workspaceDetailedCtrl"
    }
  }
});

0 个答案:

没有答案