2017-04-07 6 views
2

ユーザーのリストを表示するビューがあり、ユーザーがリンクをクリックすると、ユーザーの詳細ページが開きます。AngularJS - ユーザーの詳細を含む新しいページを開きたい

「Users.html」ページがロードされます.hrefをクリックするとブラウザのURLが変更されますが、「User Detail」のテンプレートはロードされません。コンソールにもエラーはありません。ここで

は私のNGリピートコードです:

<div class="lista-dicas" ng-repeat="user in users | orderBy:'-ID'"> 
     <div class="col-md-12 box-noticia"> 
      <h3 class="titulo"><a ui-sref="app.users.id({id: user.ID})">{{ user.ID }}</a></h3> 
      <p class="subtitulo">{{ user.Name }}</p> 
      <p class="tags">{{ user.Tags }}</p> 
      <hr> 
     </div> 
    </div> 

私のルータのコンフィグ

angular.module('myapp_dicas').config(routeConfig); 

function routeConfig($stateProvider, $urlRouterProvider) { 
$stateProvider 
    .state('app.users', { 
    url: '/users', 
    templateUrl: '/www/app/users/users.html', 
    controller: 'UsersController' 
    }) 
    .state('app.users.id', { 
    url: '/:id', 
    templateUrl: 'www/app/users/user-detail.html', 
    controller: 'UserDetailController' 
    }); 

答えて

0

url: '/users/details/:id', 

url: '/:id', 

を変更しよう

これはうまくいかなかったため、appの状態がありますか?そうでない場合は、状態名をたとえばusersdetailsに変更してみてください(このようにドットはありません)。今はidの状態がusersの子であり、問​​題を引き起こす可能性があります。詳細はURL:url: '/users/details/:id',それは自然に見えます。

+0

これはうまくいきませんでした。 URLがusers/users/detail/idに変更され、テンプレートがロードされません。 –

+0

@GustavoPoletto更新された回答を表示 –

関連する問題