切换ng-repeat中的活动类
在AngularJS中，ng-repeat指令用于在HTML模板中循环显示一组数据。当需要在循环中切换活动类时，可以通过以下步骤实现：
- 在控制器中定义一个变量来跟踪当前活动项的索引或标识符。例如，可以使用一个名为
activeIndex的变量。 - 在ng-repeat指令中，使用ng-class指令来动态添加或移除活动类。ng-class指令可以根据条件添加或移除CSS类。
- 在ng-repeat指令中，使用ng-class指令来动态添加或移除活动类。ng-class指令可以根据条件添加或移除CSS类。
- 在上面的示例中，当
$index（当前项的索引）等于activeIndex时，将添加名为active的CSS类。 - 在控制器中，通过操作
activeIndex变量来切换活动项。例如，可以在点击某个元素时更新activeIndex的值。 - 在控制器中，通过操作
activeIndex变量来切换活动项。例如，可以在点击某个元素时更新activeIndex的值。 - 在上面的示例中，
setActive函数用于设置activeIndex的值为传入的索引值。
这样，当点击某个元素时，该元素将被标记为活动项，并应用相应的CSS类。其他元素将不具有活动类。
对于腾讯云相关产品和产品介绍链接地址，由于不能提及具体的品牌商，建议查阅腾讯云官方文档或网站，以获取相关产品和服务的详细信息。
相关·内容
当onclick每个item.My代码不能work.Thank你时，我如何在ng-repeat中切换一个类，
这是我的代码。<a class="list-group-item" ng-repeat="connect in Connected" ng-click="getChat(connect.TokenId, connect.SessionIdstrong ng-bind="connect.CreateTime | DateGap&quo
浏览 0提问于2017-03-02得票数 1
回答已采纳
1回答
我正在尝试为每行中的单个按钮切换一个活动类。我可以打开这个类，但是一旦条件发生变化，我就不知道如何删除它。 ng-click="laneData[g].base = c; active = $index&q
浏览 1提问于2014-08-18得票数 1
我希望切换当前div的“活动”类，当它被单击时，并删除同级div的“活动”类。我用的是ng-重复<p>{{data.name}}</p>控制器
$scope.people=[{
浏览 0提问于2019-05-30得票数 0
2回答
我正在构建一个具有大量切换功能的界面，以控制应用程序搜索结果的不同部分中哪些数据被过滤。下面是它的代码：在jQuery中，我会在视图上放置一个侦听器，然后等待任何单击事件出现，并在eve
浏览 2提问于2014-01-06得票数 3
回答已采纳
我有两个播放按钮，需要切换他们的活动类点击。当曲目播放完毕后，我需要删除特定按钮的活动类。查看： <button class="play-btn
浏览 3提问于2017-05-28得票数 1
回答已采纳
3回答
如果我有以下代码，如何切换元素上的活动类？<div class="searchandfilter"> </span> </span>在加载
浏览 0提问于2015-05-20得票数 0
回答已采纳
2回答
因此，我试图从列表项中添加/删除一个类，这取决于变量：(注意，如果有更好的方法，请让我知道:P )<li ng-repeat="fold in folds" class="{{selectedFolder = fold.filter"> </a>现在，当我单击第一个class时，添加了clas
浏览 2提问于2015-10-21得票数 3
回答已采纳
我使用的是angular uib-accordion，我的accordion-group是使用ng-repeat动态填充的，如下所示<uib-accordion-group ng-repeat="task in ctrl.results | toArray | orderBy:ctrl.orderByFunctionctrl.select(task, $index)&q
浏览 5提问于2016-03-15得票数 0
3回答
我想我错过了一些小的概念，但已经做了足够的谷歌找到，但没有用。因此，在这个论坛上张贴寻求一些帮助。我使用以下代码动态生成导航选项卡： <ul class="nav nav-tabs" id="testing">
<li ng-repeat类是空的。以上代码可以根据storageOption中的元素数(ng-重复)创建多个
浏览 4提问于2015-09-03得票数 1
回答已采纳
1回答
我正在基于ng-repeat创建div。我正在从数据库中获取数据。$scope.isActive;});<div ng-repeat="item in items" class="myclass">
{{item.namebutton class="myRight" ng-class="{'active': isActive}" ng-click=&q
浏览 10提问于2017-03-16得票数 1
回答已采纳
1回答
我正在尝试向ng-repeat中选定的div添加一些类。如果我这样做：<div ng-class="{'selecte':isSelected,'normal':'!isSelected'}" ng-repeat="oneayah in ayahs" ng-click="selectParticular(oneayah)">
{{oneayah.text}}</d
浏览 2提问于2015-06-05得票数 0
3回答
我有一定数量的行和列，我想将类('xyz')添加到表格单元格onClick中，当我单击其他cell...please帮助时，它不应该松开这个类.<table class="table-bordered select-table">
<tr ng-repeat="row in letterArray" ng-init="rowIndex$index+''+$index}}"
浏览 0提问于2015-10-31得票数 0
回答已采纳
我有一个带有下拉复选框的父列表，如果单击该列表，您可以看到它。如果选中了任何复选框，我想要做的是给父list类“活动”。现在发生的事情是，我有多个列表，所以如果选中复选框，那么当我只需要复选框中的列表以获得“活动”类时，所有的列表都会得到这个类。我如何重构它，以便只将“活动”类分配给父列表，而不是所有列表？HTML:
<ul ng-repeat="
浏览 1提问于2016-04-05得票数 0
回答已采纳
我对ui-bootstrap的标签集有一个问题。我有一个静态选项卡(另一个)，其余的是使用ng-repeat添加的。我不能让第一个动态加载的标签处于活动状态，相反，它总是将活动类添加到静态类中。如何将活动类添加到第一个动态选项卡？为了清晰起见，我删除了一些杂乱的内容。文档在这里： <tab ng-repeat</em
浏览 1提问于2016-04-25得票数 0
1回答
我已经通过以下方式创建了一个下拉列表： <a href="#" </li>
和简单的样式，所以它下降得很好，所以我的所有项目循环通过好。在不使用选择字段的情况下，我如何指定哪个链接将被“选中”以显示为默认的选中项？
浏览 0提问于2015-06-23得票数 0
HTML： <div class="col-lg"> } event.preventDefault();
此jquery函数切换单击的链接的</e
浏览 7提问于2017-06-07得票数 0
回答已采纳
我希望能够点击ng-repeat中的表格单元格来选择它(或者用CSS切换"on/off“)，但是我遇到了困难，可能需要一些帮助。<tr ng-repeat="row in game.rows"></tr>
td是由一个带有游戏用词的API播
浏览 3提问于2014-11-07得票数 1
回答已采纳
我想：
<ul class="nav nav-pills center-pills">谢谢!kit.name}"><a ng-click="selectedItem
浏览 2提问于2015-12-29得票数 0
我有一个通过ng-重复创建的输入列表。最初，除了第一个输入，所有输入都是禁用的。第一个输入还有一个活动类(由于活动类，它是红色的) 所以我想要做的是，如果输入有活动类，就会有一个“占位符文本”。如果没有活动类，就不应该有占位符。
如何在带有活动
浏览 3提问于2015-04-10得票数 2
回答已采纳
我有一个ng-repeat，它是用输入框过滤的。在这个列表中，有.active和.disabled项。所有的呈现都是正确的，但是当我使用查询过滤它时，由于显示的索引发生变化，活动类和禁用类都会出现混乱。我怎样才能在ng-repeat中找到可靠的数据？
编
浏览 1提问于2013-08-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
