ドット表記のネストされたビュー

Question

角度ジェスでこのネストされたビューを手伝ってもらえますか？

： 私はこの

<a ui-sref="contacts/{{value.id}}.list/{{value.id}}">get<\a> 

しかし、いつも私が

angular.js:12477 Error: Could not resolve 'contact/2.list/2' from state 'contact/:id'

取得のthnx

EDITのようなも状態変化呼び出すHTMLで

$stateProvider 
    .state('contacts/:id', { 
    templateUrl: 'contacts.html', 
    controller: function($scope){ 
    $scope.contacts = [{ name: 'Alice' },  { name: 'Bob' }]; 
    } 
    }) 
    .state('contacts/:id.list/:id', { 
    templateUrl: 'contacts.list.html' 
    }); 

    function MainCtrl($state){ 
    $state.transitionTo('contacts/:id.list/:id'  ); 
    } 

このドット表記を使用します

---

@Maxim Shoustinのような変更を加えました。今の状態は変化しますが、子ナビゲーションに私が項目をクリックすると、親UIビューは、フル・リフレッシュ（子ナビゲーションとUIビュー）
が今の私の状態は、この

.state('client', { 
       url: '/client/info/:itemID', 
       templateUrl: 'clientInfo.html', 
       controller: 'detailControllerClient as vm', 
      }) 
      .state('client.detail', { 
       url: '/detail/:itemID', 
       templateUrl: 'itemInfoById.html', 
       controller: 'detailControllerClient as vm', 
      }) 

とHTMLであるように見えるだけでなく、子供でありますここに。 infoDisplay.html

<div class="new_nav col-lg-1 col-md-1 col-sm-2 col-xs-12"> 
      <table class="table-hover"> 
       <thead> 
        <tr> 
         <th>item ID</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr ng-repeat="(key, value) in clientDetail"> 
         <td><a ui-sref=".detail({'itemID': value.id})">{{value.id}}</a></td>  
        </tr> 
       </tbody> 
      </table> 
     </div> 
     <div ui-view></div> 

Answer 1

<a ui-sref="contacts/{{value.id}}.list/{{value.id}}">get<\a>

あなたはアンギュラためidでid.listを使用することはできません（infoDisplay.htmlはindex.htmlを内部親ビューである。コード怒鳴るでこのUIビューは、子ビュー（client.detail）です）パターンに重複した名前idのように決定します。しかし、id_listは大丈夫です。

.state('contacts', { 
    url: '/contacts/:id_list/:id', 
    templateUrl: 'contacts.html' 
    }) 

とHTML：：

<a ui-sref="contacts({'id_list': value.id, 'id': value.id})" >contacts</a> 

Demo Plunker