javascript - AngularJS UI 路由器 : add variable to scope of state without specifying it in URL

Question

我想传递属性film.title状态模板无需在状态 URL 中指定。

index.html:

<a ui-sref="showtimes({ filmId: film.uid, filmTitle: film.title })">

app.js:

    .state('showtimes', {
        url: '/showtimes/:filmId',
        controller: function($scope, $http, $stateParams) {
            $http.get('api/showtimes/?film_id=' + $stateParams.filmId).success(function(data) {
                $scope.showtimes = data;
            });
        },
        templateUrl: 'static/showtimes.html'
    });

showtime.html:

<p>{{film}}</p>

我尝试添加$scope.film = $stateParams.filmTitle;到 Controller 。它不起作用。我也尝试过$scope.film = $state.params.filmTitle;没有更多的运气。

Answer 1

您可以使用 params 属性指定非 URL 参数:

.state('showtimes', {
  url: '/showtimes/:filmId',
  params: {
    filmTitle: undefined // or "default Title"
  },
  controller: function($scope, $http, $stateParams) {
    console.log($stateParams.filmTitle);
    // ...
  },
  // ...
});