angular ui router命名视图状态覆盖另一个命名视图

时间:2016-08-10 11:15:09

标签: angularjs angular-ui-router

我有一个带有2个ui-view div的项目:

<div ui-view='agent-station'></div>
<div ui-view='routingConfig'></div>

主要状态登录成功加载:

$stateProvider
    .state("login", {
      url: "/login",
      views: {
        'agent-station': {
          templateUrl: "login.html"
        },
        'routingConfig': {
          templateUrl: "loginrc.html"
        }
      }
    })

当我点击一个url仅更新其中一个ui-views的链接时,会出现问题。该URL引用的ui-view已成功更新,但另一个ui-view变为空白。因此,例如,如果我单击plunker示例上的Test 1 AG链接,则会更新Test 1 Agent工作站状态,但Login Routing Config状态将变为空白页。

我的主要怀疑是以下几行:

$ urlRouterProvider.otherwise( “/登录”);

但不确定为什么它变成空白而不是显示路由配置ui-view的登录页面。

关于问题的任何想法?

这是我的傻瓜: Angular Named Views Test

先谢谢!

0 个答案:

没有答案