AngularJS从一个巨大的列表中更新单个元素

angularjs update a single element from a huge list

本文关键字：列表 更新 元素 单个 巨大 一个 AngularJS      更新时间：2023-09-26

嗨，我是 angularjs 的新手。我正在使用角度版本 1。我有和应用程序，它通过http播放音乐。

因此，它基本上将列表中的数千首歌曲显示为缩略图，其中每个磁贴都包含播放/暂停按钮。迷你播放器上还有一个页脚，其中包含播放/暂停/下一个按钮

所以我的要求是如何从这个巨大的列表中切换磁贴上的播放/暂停按钮。

现在，我正在为每个磁贴分配跟踪 id 作为 id，并通过使用 jquery 切换类来更新元素。更新列表需要太多时间。

谁能告诉我最好的解决方案。提前谢谢。

这是我的示例代码

var item = $('.pause-btn')
    $('.pause-btn').removeClass('pause-btn')
    $('div').find("[data-index='" + btoa('track_' + CurrentSongId) + "']").addClass('pause-btn')

我会使用以下示例

    <div>
    <p class=track.isPlaying==true?'pause':'play' ng-click=update(track)>
    <img src="albumart.jpeg">
    </p>
    </div>

//on controiller
    $scope.update=function(track)
    {
    track.isPlaying=!track.isPlaying
    }

你的示例代码与AngularJS无关，我想你可能想实现这样的事情：

$('div')
.find("[data-index='" + btoa('track_' + CurrentSongId) + "']")
.addClass('pause-btn')
.siblings()
.removeClass('pause-btn');
相关文章：