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

Posted 2023-02-22

【中文标题】AngularJS - 我想打开一个包含用户详细信息的新页面

【英文标题】：AngularJS - I want to open a new page with user details

【发布时间】：2017-09-03 08:11:32

【问题描述】：

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

它加载了“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'
  );

【参考方案1】：

尝试改变

url: '/:id',

到

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

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

【讨论】：

它没有用。 URL 更改为 users/users/detail/id 并且模板未加载。