Question

我正在尝试将AngularJS模板中的url调用中的值传递给关联的控制器。

模板看起来像这样（url调用在离子项的顶部附近）：

  <ion-content>
    <ion-list>
      <ion-item ng-repeat="watchlistitem in watchlist" href="#/app/trailer/60">
        <div class="watchlist-movie-thumb">
          <img class="movie-thumb-image" src="{{watchlistitem.picture}}">
        </div>
        <div class="col-75 watchlist-title-genre-container">
          <div class="watchlist-movie-title">
            {{watchlistitem.title}}
          </div>
          <div class="watchlist-movie-genres">
            {{watchlistitem.genres}}
          </div>
        </div>


        <a class="item-icon-right" href="#">
          <i class="icon ion-trash-a" style="color:black;padding-top:40px"></i>
          </a>
          <a class="item-icon-right" href="#">
          <i class="icon ion-ios-upload-outline" style="color:black;padding-bottom:40px;"></i>
          </a>

      </ion-item>
    </ion-list>
  </ion-content>

在我的app.js中，我定义了这样的路线：

  .state('app.trailer', {
    cache: false,   
    url: '/trailer/:movieId',
    views: {
      'menuContent': {
        templateUrl: 'templates/trailer.html',
        controller: 'TrailerCtrl'
      }
    }
  })

在控制器中，我会发出警报以显示参数的值，如下所示：

.controller('TrailerCtrl', function(cuesAPI, $scope, $base64, $sce, $state, $ionicModal) {

  alert("Movie ID = " + $scope.movieId);

})

当警报运行时，它会显示'undefined'作为值。谁知道我做错了什么？

在AngularJS url中传递参数不起作用

0 个答案: