$index正在跟踪被ng-if隐藏的元素
$index正在跟踪被ng-if隐藏的元素是指在AngularJS中使用ng-if指令隐藏元素时，ng-repeat指令中的$index变量仍然会保持更新。
在AngularJS中，ng-if指令用于根据表达式的值来决定是否显示或隐藏元素。当ng-if的表达式为false时，元素会被从DOM中移除，并且对应的作用域也会被销毁。这意味着ng-if隐藏的元素不会再被渲染和更新。
然而，ng-repeat指令中的$index变量是一个特殊的变量，它用于追踪ng-repeat循环中的索引。即使ng-if隐藏了元素，$index变量仍然会保持更新。这意味着当ng-if的表达式为true时，ng-repeat中的$index变量会正确地指示当前元素在ng-repeat循环中的索引位置。
这种特性对于需要在ng-repeat循环中使用索引的情况非常有用。例如，可以使用$index变量来动态生成唯一的ID或类名，或者在ng-repeat循环中根据索引执行特定的操作。
腾讯云提供了丰富的云计算产品和服务，以下是一些相关产品和服务的介绍链接：
- 云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算需求。链接：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的云数据库服务，适用于存储和管理大量结构化数据。链接：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台，简化容器部署和管理。链接：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，帮助开发者构建智能化应用。链接：https://cloud.tencent.com/product/ailab
- 物联网套件（IoT Hub）：提供全面的物联网解决方案，包括设备连接、数据采集和应用开发等功能。链接：https://cloud.tencent.com/product/iothub
请注意，以上链接仅供参考，具体的产品和服务选择应根据实际需求进行评估和决策。
相关·内容
1回答
<tr ng-repeat="materialOffer in Vm.materialoffers track by materialOffer.id" </tr>
我有一个名为materialoffers该数组的每个元素
浏览 16提问于2017-01-14得票数 0
我有一些选项卡，其中一些是用ng-show动态显示的。问题是，如果没有显示第一个选项卡，那么第二个选项卡应该是活动选项卡。但它不是这样运作的。我试图为active属性使用一个绑定值(如下面的代码所示)，但这是行不通的。它的结果仍然与上面的第一张图像相同。html
浏览 3提问于2016-05-15得票数 0
回答已采纳
4回答
我正在建立一个指令，以卡片的形式。当我加载卡模板，我想确保卡是隐藏的，如果用户以前隐藏了卡。我可以通过request.hide属性来跟踪它。理论上，当我调用我的指令时，如果是hide === true，就应该隐藏它。不幸的是，情况似乎并非如此。无论我尝试什么，我都不能让我的指令在初始化时被隐藏。我尝试过在根元素上使用ng-hide="request.hi
浏览 7提问于2016-03-07得票数 2
回答已采纳
3回答
我正在尝试使用ng-重复显示我的菜单。.then(function(res){ });很好，我想调整的是我不想这样更新：文件的数据 { "text":"EVENT MANAGER",
浏览 1提问于2015-02-03得票数 0
回答已采纳
2回答
我有一个id列的表(1,2,3,4,5)，我有一个元素数组。$scope.elements的值为- 1,3。<ul ng-repeat="x in elements></ul>
使用此方法，我必须将元素数组中的值与表中的id进行比较。如果两个idd匹配，我必须隐藏这一行。当我使用ng-if，因为我使用ng-重复多行被创建为每次
浏览 8提问于2016-08-29得票数 1
<div ng-repeat="x in vm.arr" ng-if="$index!=x"><div>
如果index属于任何arr，我想隐藏Div示例: if arr = 1,2,3,4,5 if index =1 div必须消失
浏览 3提问于2017-01-08得票数 3
<accordion-group ng-repeat="group in results.groups" ng-if="group.rooms.length > 0"is-open="isOpen" ng-init="isOpen = $index === 0">
当0被ng-if隐藏时，我如何让isOpen转到$index === 1？
浏览 4提问于2015-09-29得票数 0
1回答
嗨，我正试图在AngularJS应用程序中实现Stripe示例，我有一个初始化器，它调用一个名为initStripe();的函数--这个函数的工作原理与Stripe示例相同：}
您指定的选择器(#card-element)不适用于当前页面上的DOM元
浏览 0提问于2018-01-30得票数 0
回答已采纳
3回答
<ul> <input type="radio" id="quantityMachines{{$indexquantityMachines" value="{{quantity.snippet}}" ng-model="howMany" />
<label for="quantityMachines{{$<
浏览 4提问于2014-07-30得票数 0
回答已采纳
我发现某些元素的隐藏/转换在更新元素的ng-if或其他一些更改属性时并不平滑。
button class="buttons purple" ng-if="!()发出一个API调用，然后将部分ng-if条件设置为真。，所
浏览 19提问于2016-09-28得票数 0
4回答
我正在尝试将项目呈现到页面，在页面中，我希望每行有五个项。这意味着我希望div元素与行类只呈现数组中的每五个项。我已经研究了ng-if和ng-显示指令，但是这些指令似乎也隐藏了嵌套的html元素，这是我不想要的。这对我没有用：ng-if="$index % 5 == 0"
浏览 4提问于2014-09-29得票数 1
回答已采纳
如果以下方法导致"ngRepeat: dupes"，代码片段如下所示： {{k}}<div ng-if="!
浏览 2提问于2014-06-10得票数 0
回答已采纳
我离开angular 1.x太久了，我似乎忘记了ng-if的一些重要内容。我有一个函数，每当旋转木马改变图像时，它都会更新范围值，这将跟踪旋转木马数组的活动索引。我将ng-if设置为删除一个元素，并在索引到达数组末尾时插入另一个元素，如下所示： class="back-button"ui-sref="app.pr
浏览 4提问于2016-04-19得票数 0
回答已采纳
1回答
uib-tab ng-repeat="physicalTest in patientinfo.physical_test_list"
<div class="row
浏览 2提问于2017-08-04得票数 0
我试图理解ng-if和ng-show/ 之间的区别ng-hide，但是他们看起来和我一样。
有没有区别，我应该记住选择使用一个或另一个？
浏览 586提问于2017-12-25
1回答
我有一个纳克中继器和一个嵌套的纳克中继器。在嵌套的中继器中，我试图跟踪父母的$index值，这很好。但是，当我介绍一个ng-如果在引用$parent.$index的相同元素中，父索引被设置为子索引。代码正在运行。例如，我单击父0的索引1，并将索引1父1作为索引。, parent) {
console.log("index: " + index</
浏览 1提问于2014-10-30得票数 3
回答已采纳
我是AngularJS的新手，我试图让我的表只显示当用户从Sort 下拉菜单中选择'Color Only'项目时，具有true 'color'值的行。这是我的分类菜单代码： <select ng-model="orderProp">
<option value="title">Title<value="clas
浏览 5提问于2015-02-25得票数 0
回答已采纳
1回答
我试图构建一个单一的列表，它将通过单击向上和向下按钮来更新。而且，我是用AngularJS来做这个的。element.lastLine }}</div> <p>
<i class="fa fa-arrow-up" ng-if$first" ng-click="rebuildPlaylist(element, 'up&
浏览 1提问于2016-02-04得票数 0
回答已采纳
在加载元素的详细信息时，我在元素上使用了一些ng-if指令。这是为了在元素值未定义时向用户显示加载器图形。当该值被定义时，ng-if等于false并隐藏它自己。之后，另一个ng-if等同于true，它查找被实例化为某个值的值。我只能认为这是ng-if将这些新元素添加到dom中，并且只有在接下来的$scope.$apply()内部运行时，这些值才会
浏览 3提问于2015-03-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
