Question

我在使用AngularJS路线时遇到了麻烦。我有以下代码：http://pastebin.com/Q2FqRVrc我不知道如何添加简短的个人资料，例如：http://domain.tld/username

任何提示如何操作？

Answer 1

看起来您找到的链接是使用内置的ng-route指令，但是您已经使用angular-ui-router标记了这个问题。这就是使用ui-router的$stateProvider来配置应用程序的配置。

angular.module('myApp', ['ui.router'])
  .config(function ($stateProvider) {
    // Configure my routes with ui-router
    $stateProvider
      .state('user-profile', {
        url: '/:username',
        templateUrl: 'app/profiles/template.html',
        controller: 'UserProfileCtrl',
        controllerAs: 'upCtrl'
      })
      // These are nested states, under `user-profile`
      .state('user-profile.images', {
        template: '<div my-images-directive></div>'
      })
      .state('user-profile.friends', {
        template: '<div my-friends-directive></div>'
      })
      .state('otherPage', {
        url: '/other-page',
        templateUrl: 'app/otherpage/template.html'
      });
  });

要转到某个州，您可以使用$state对象的$state.go方法。

$state.go('user-profile', {username: $scope.user.name});

要摆脱哈希#，您需要使用$locationProvider.html5Mode(true)打开HTML5模式

AngularJS用户友好的配置文件

1 个答案: