[英]Accessing the 'id' value from the side menu example from the Iconic framework using AngularJS and
使用Iconic Framework側面菜單示例,如何從控制器訪問“id”和“Title”值?
.controller('PlaylistsCtrl', function($scope) {$scope.playlists = [
{ title: 'Traffic', id: 1 },
{ title: 'Litter', id: 2 },
{ title: 'Marine', id: 3 }]
在Playlist.html模板文件中?
<ion-view view-title="Playlist One">
<ion-content>
<h1>Playlist</h1>
</ion-content>
</ion-view>
app.js文件中的其他相關代碼是:
.state('app.single', {
url: "/playlists/:playlistId",
views: {
'menuContent': {
templateUrl: "templates/playlist.html",
controller: 'PlaylistCtrl'
}
}
})
控制器 - 我想:
.controller('PlaylistCtrl', function($scope) {
})
您應該將PlaylistsCtrl
從config
階段中提到的state
綁定到此ion-view
。
<ion-view view-title="Playlist One">
<ion-content>
<h1>Playlist</h1>
<div ng-repeat="playlist in playlists">
Number: {{playlist.id}} | Title: {{playlist.title}}
</div>
</ion-content>
</ion-view>
老安斯
這很簡單。 你必須確保在你的Config中你已經為視圖分配了控制器。
<ion-view view-title="Playlist One">
<ion-content>
<h1>Playlist</h1>
<ul>
<li ng-repeat="p in playlists">
ID: {{p.id}}
</li>
</ul>
</ion-content>
</ion-view>
更新
<ion-view view-title="Playlist One">
<ion-content>
<h1>Playlist</h1>
<!-- Pass playlist as a parameter named **p** here onclick function-->
<ul>
<li ng-repeat="p in playlists" ng-click="selected(p)">
ID: {{p.id}}
</li>
</ul>
</ion-content>
</ion-view>
您的控制器將如下所示。您只需要在控制器中添加所選功能。
.controller('PlaylistCtrl', function($scope) {
$scope.selected=function(playlist){
$scope.selectedPlaylist=playlist;
console.log($scope.selectedPlaylist.id)
}
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.