空の文字列テンプレートで親状態を使用するとui-routerの問題が発生する

Question

テンプレートを持たない親状態でui-routerを使用しようとしています。私はこれを見つけましたtopic州ではテンプレートが必要です。

$stateProvider 
      .state("customer", { 
       abstract: true, 
       url: "/customer", 
       template: '' 
      }) 
      .state("application", { 
       url: "/application", 
       template: "<application>", 
       parent: "customer" 
      }) 
      .state("company", { 
       url: "/company", 
       template: "<company>", 
       parent: "customer" 
      }) 

とhtmlで：だから今、私のルータの設定は次のようになりますこのコードを実行する

<ul> 
<li> 
<a ui-sref="application" href="#/customer/application">APPLICATION</a> 
</li> 
<li> 
<a ui-sref="company" href="#/customer/company">COMPANY</a> 
</li> 
</ul> 

にはエラーを表示しませんが、ページのアプリケーションと会社がコンテンツを表示されていません。前もって感謝します。

Answer 1

私は、ui-view指令を親状態のテンプレートとして提供する必要があると思います。 ui-srefはあなたのためにあなたのhtmlからhrefを取り除くことができます。全体で

：

$stateProvider 
      .state("customer", { 
       abstract: true, 
       url: "/customer", 
       template: '<div ui-view></div>' 
      }) 
      .state("customer.application", { 
       url: "/application", 
       template: "<application></application>" 
      }) 
      .state("customer.company", { 
       url: "/company", 
       template: "<company></company>" 
      }) 

そして、あなたは、HTML：

<ul> 
    <li> 
     <a ui-sref="customer.application">APPLICATION</a> 
    </li> 
    <li> 
     <a ui-sref="customer.company">COMPANY</a> 
    </li> 
</ul>