角UI路由器嵌套的状态 - 不能指定父

Question

我有以下的状态声明（角v1.5.5）：

$stateProvider 
    .state('appPublic', { 
     abstract: true, 
     data: { restricted : false } 
    }) 
    .state('home', { 
     url: '/', 
     parent: 'appPublic', 
     templateUrl: 'app/views/main.html', 
     controller: 'mainCtrl' 
    }); 

当我打开我的网站，我没有看到主HTML内容（home状态）。但是，当我删除parent: 'appPublic'声明 - 它的作品。那么，为什么我不能指定国家的父母？

Answer 1

每个家长都必须为其子女提供查看目标（如果使用未命名的视图，即父级不会被绝对视图命名跳过 - Angularjs ui-router not reaching child controller）。所以这应该工作

.state('appPublic', { 
    abstract: true, 
    data: { restricted : false }, 
    template: '<div ui-view=""></div' 
}) 

现在，子视图（未命名视图）将被放置在ui-view目标，在父母的模板声明

Answer 2

好吧，我需要包括template: '<ui-view/>'在我的抽象状态。答案就在这里https://stackoverflow.com/a/33181762/106616

Answer 3

试试这个：

$routeProvider.when('/userLogin', 
          { 
           templateUrl: 'WebrtcLogin.html', 
           controller: 'UserLoginController' 
          })