Question

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

加载“Users.html”页面，当我点击href时，浏览器上的URL发生了变化，但它没有加载用户详细信息的模板，控制台也没有任何错误。

这是我的ng-repeat代码：

 <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: '/users/details/:id',因为它看起来很自然。

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

1 个答案: