Question

我的路由器有以下代码：

.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {

  $stateProvider
    .state('main', {
      url: '/',
      templateUrl: 'templates/main.html',
      controller: 'MainCtrl'
    })
    .state('login', {
      url: '/login',
      templateUrl: 'templates/login.html',
    })
    .state('signup', {
      url: '/signup',
      templateUrl: 'templates/signup.html',
      controller: 'SignupCtrl'
    })
    .state('userEdit', {
      url: '/user/edit',
      templateUrl: 'templates/user/edit.html',
      controller: 'UserEditCtrl'
    })
    .state('workouts', {
      url: '/workouts',
      templateUrl: 'templates/workouts/index.html',
      controller: 'WorkoutsCtrl'
    })
    .state('workouts.show', {
      url: '/:id',
      templateUrl: 'show.html',
      controller: 'WorkoutCtrl',
      onEnter: function() {
        console.log('this is stupid');
      }
    })

    $urlRouterProvider.otherwise('/');

}])

我的问题是关于workouts.show状态。我有这个链接：

<div class="" ng-repeat="workout in workouts track by workout._id">
  <hr>
  <a ui-sref="workouts.show({id: workout._id})">{{ workout.shortURI }}</a>
  <p>{{ workout.description }}</p>
  <ul class="exercise-list">
    <li ng-repeat="exercise in workout.exercises">{{ exercise }}</li>
  </ul>
  <hr>
</div>

当我点击带有ui-sref"workouts.show({id: workout._id})"的链接时，网址会更改为正确的格式，并动态添加ID，但视图不会加载。它只是停留在同一页面上。

我已经看到了其他几个相似的问题，但是没有一个可接受的解决方案对我有用，而且我现在花了太长时间。

提前感谢您的帮助！

Answer 1

我有类似的问题。您必须在锻炼中使用ui-view＆＃34;状态，以便你的＆＃34; workouts.show＆＃34;会像孩子一样呈现。希望这会有所帮助。

UI-Router：URL更改，但未加载视图

1 个答案: