Angular 查看特定内容的路由

Question

好吧，所以我不确定如何称呼这个问题，但它相当简单。

假设您现在有一个用户列表，其中包含每个用户的 ID，当您单击其中一个用户时，您想要转到的页面仅显示 php 中有关该用户的信息，即 HTTP://example/user/show?id=1

使用 ui-router 在 angularjs 中如何工作？

Answer 1

您必须创建一个路由文件才能导航到页面 Url 这样的；

angular.module('moduleName', ['ui.router'])
 .config(['$stateProvider', function($stateProvider) {
    $stateProvider.state('usersProfile', {
      url: '/user/show?id',
      templateUrl: 'template path', //e.g userProfile.html
      controller: 'controllerName' //UserController
   });
}]);

然后，您可以在 Html;

中添加类似的内容

<div>
    <a data-ng-repeat="user in users" ui-sref="usersProfile({id: user.Id})">
        <h4>{{user.name}}</h4>
    </a>
</div>

创建一个控制器（UserController）来从 $stateParam 中检索用户信息，然后您可以在 userProfile.html 上显示任何您想要的内容。您可以随时查看此信息以获取更多信息 angularjs ui route

Angular 查看特定内容的路由

Angular routing for viewing specific content

angularjs

angular-ui-router