Question

好吧所以我不确定怎么称呼这个问题，但它很简单。

当您单击其中一个要转到某个页面的用户时，假设您现在有一个用户列表，其中只显示有关该用户的信息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

用于查看特定内容的角度路由

1 个答案: