AngularJS - 我想打开一个包含用户详细信息的新页面

Question

我有一个显示用户列表的视图，我想在用户单击链接时打开"用户详细信息"页面。

它加载"用户.html"页面，当我单击 href 时，浏览器上的 URL 会更改，但它不会加载用户详细信息的模板，控制台也没有任何错误。

这是我的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'
  });

Answer 1

尝试更改

url: '/:id',

自

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

好吧，因为它不起作用，你有app状态吗？如果没有，请尝试将状态名称更改为例如users和details(就像这样，没有点(。因为现在，看起来id状态是users的孩子，它可能会导致问题。和 URL 的详细信息：url: '/users/details/:id',因为它看起来很自然。