Javascript 访问'；id'；使用AngularJS和

对于标志性框架侧菜单示例，如何从控制器访问“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>

而控制员——我认为：

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

---

您应该从

配置

阶段中提到的

状态

将

播放列表SCTRL

绑定到此

离子视图

<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>

播放列表
编号：{{playlist.id}}标题：{{playlist.Title}

旧Ans

很简单。您只需确保在配置中已将控制器分配给视图

<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>

---

谢谢-你能详细说明这个答案吗？我已经在原始问题中添加了状态代码。@Vamsi让我检查一下。。不要对任何答案发表这样的评论。。那太糟糕了。我知道这听起来很简单，但代码是什么样子的？想访问选定的项目id吗？是的，这就是我想要的

.controller（'playlictrl'，函数（$scope）{}）

<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)
   }
 })