如何在Ionic中从视图到控制器获取参数

时间:2016-09-07 04:17:19

标签: angularjs ionic-framework parameters params

这是我的观点

<ion-view view-title="Playlists">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
        {{playlist.title}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

这是我的状态模板

  .state('app.single', {
    url: '/playlists/:playlistId',
    views: {
      'menuContent': {
        templateUrl: 'templates/playlist.html',
        controller: 'PlaylistCtrl'
      }
    }
  });

这是我的控制器

.controller('PlaylistCtrl', function($scope, $stateParams) {

});

如何从控制器中的视图中获取参数?

3 个答案:

答案 0 :(得分:2)

使用以下内容:

 .controller('PlaylistCtrl', function($scope, $stateParams) {

    //In playlistId your input param 
      var playlistId = $stateParams.playlistId;

    //more...
 });

希望这会对你有所帮助!!

答案 1 :(得分:1)

您可以直接从

访问变量
  

stateParams

3.1.0-dev

答案 2 :(得分:1)

任何状态网址参数都可以在$stateParams中按名称使用,例如

$stateParams.playlistId

此外,您应该在HTML链接中使用ui-sref而不是href

ui-sref="app.single({playlistId: playlist.id})"