角度UI-ルータネストされた状態 - 私が次の状態の宣言（角v1.5.5）を持つ親

Question

を指定することはできません：私は、私のサイトを開くと

$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）。だからこれは、今、親のテンプレート

Answer 2

OKで宣言された子ビューを（名前のないビュー）ui-viewターゲットに配置されます、

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

を動作するはずです、私は私の抽象状態でtemplate: '<ui-view/>'を含める必要がありました。答えはhttps://stackoverflow.com/a/33181762/106616

Answer 3

はこれを試してここにある：true`を：あなたは `抽象を削除するとどうなるか、奇妙な

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