javascript - 如何在 AngularJS 的页面上找到第一个键 "id"？

Question

我想找到页面上第一个 ng-repeat 的 index 的第一个 id。没有 jQuery 并使用此值并存储在新的 $scope.firstId 中。我需要 View 中的值。

编辑:我需要这个值来播放在页面上找到的第一个 ID。

我的 Controller 中有三个 $scope :

$scope.albums = {}
$scope.artists = {}
$scope.tracks = {}

所有这些元素都有一个键 id

<div ng-repeat="album in albums">
   {{ album.id }}
</div>
<div ng-repeat="artist in artists">
   {{ artist.id }} 
</div>
<div ng-repeat="track in tracks">
   {{ track.id }} 
</div>

从那里，我想获得第一个键 id，在本例中它将是相册的第一个值。同样，如果我改变顺序如下，我想要艺术家的第一个值。

<div ng-repeat="artist in artists">
   {{ artist.id }} 
</div>
<div ng-repeat="track in tracks">
   {{ track.id }} 
</div>    
<div ng-repeat="album in albums">
   {{ album.id }}
</div>

这可能吗？

Answer 1

不确定您要这样做:

没有重构:

如果专辑/艺术家/轨道为空，只需检查 Controller 并获取第一个非空对象以检索其 ID

重构并使用 ng-repeat $first 属性:

$scope.data = [
    {
        type: "albums",
        items: []
    },
    {
        type: "artists",
        items: [
            {
                id:1
            }
        ]
    },
    {
        type: "tracks",
        items: []
    }
]


<div ng-repeat="dataType in data">
    {{dataType.type}}
    <div ng-repeat="item in dataType.items">
        {{ item.id }}
        <span ng-show="$parent.$first && $first">I am the first item!</span>
    </div>
</div>