ng-show inside ng-repeat实例不工作
是指在使用AngularJS的ng-repeat指令时，内部的ng-show指令无法正常工作的情况。
ng-repeat是AngularJS中用于循环遍历数组或对象的指令，它会根据指定的数据源重复渲染相应的HTML元素。而ng-show指令用于根据表达式的值来控制元素的显示与隐藏。
当ng-show指令被嵌套在ng-repeat指令内部时，可能会出现不工作的情况。这通常是由于作用域(scope)的问题导致的。
在ng-repeat中，每个重复的元素都会创建一个新的子作用域。而ng-show指令默认会在当前作用域中查找表达式的值，如果找不到则会向上级作用域查找。但由于ng-repeat创建了新的子作用域，ng-show指令可能无法正确地找到表达式的值。
解决这个问题的方法有两种：
- 使用$parent前缀：可以通过在ng-show指令中使用$parent前缀来访问父级作用域中的变量。例如，ng-show="$parent.showFlag"。
- 使用Controller As语法：可以在ng-repeat指令中使用Controller As语法来指定别名，然后在ng-show指令中使用别名来访问变量。例如，ng-repeat="item in items track by $index" ng-show="item.showFlag"。
需要注意的是，为了避免作用域的混乱，建议在使用ng-repeat时尽量避免在内部使用ng-show等指令。可以考虑将ng-show移动到ng-repeat外部，或者使用其他方式来控制元素的显示与隐藏。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
相关·内容
有没有人能帮我弄清楚如何让这个ng-show在一个ng-repeat项目中工作？有时会有"nNumber“，有时不会，但ng-show不会触发。我费了好大劲才能让它起作用。提前谢谢你。<option ng-repeat="asset in assets" value="{{asset.id}}"><span ng-show="asset.nNumber
浏览 15提问于2016-09-08得票数 1
1回答
我正在尝试实现一个简单的ng-click，当用户在第一个实例中点击一个链接时，会显示一些东西，在第二个实例中，显示的东西现在是隐藏的。-- <div ng-show="collapsed">
<td ng-repeat=&qu
浏览 1提问于2014-06-25得票数 0
HTML: <div ng-repeat="Word in Words"> $scope.Words = ['Mon','Tue','Wed'];正如您所看到的，我使用ng-if="$index === 0"然后打印div值，但是它想
浏览 0提问于2015-06-03得票数 2
回答已采纳
我设置了一个查询筛选器和过滤器的设置我以国家为例。它可以是任何东西，包括城市，名字，动物等。这是我想要做的。如果查询筛选器没有找到匹配项，则使用此筛选器从一个非常大的数组(5000多条记录)中选择一个项，我希望将"Not / Other“显示为选择之一。我该怎么做？我不想将此值设置为默认值。但是如果没有其他的东西，如果发现的话，才能显示出来。
浏览 0提问于2015-12-13得票数 0
回答已采纳
<div ng-repeat="person in people | filter: {job: 'ninja'}"> This guyis a ninja <div ng-show="!
浏览 2提问于2018-03-05得票数 1
1回答
', show: false }在警告标签中，我添加了ng-show="alert.show"，但它似乎没有显示任何警告。你可以在这里找到代码：。
我做错了什么？提前感谢！
浏览 0提问于2013-10-16得票数 1
回答已采纳
sortable="number">number</th> </tr> <td><div ng-show="item.number != false&q
浏览 6提问于2015-04-27得票数 1
回答已采纳
下面是打印表的代码： <tr ng-repeat="x in content.listaOperaciones>
<td>{{ x.idOperacion我的想法是使用"ng-show“或"ng-if”语句过滤"ng-repeat“语句中的每个元素。ctrl.orderProp | filter:$ctrl.Busc" ng-if="x.peso > $ctrl.PesoMinimo
浏览 3提问于2017-07-21得票数 0
回答已采纳
在ng-重复块中使用ng-show指令有问题。<table ng-controller="ActressController" class="table table-bordered table-striped"> <td>
<span class="actress-name">{{
浏览 1提问于2012-10-19得票数 25
回答已采纳
所有工作，但orderBy不按顺序排序项(value.points是一个数字)
<a class="item" ng-show="showResults" ng-repeat="(key, value)
浏览 2提问于2014-12-06得票数 0
回答已采纳
出于某种原因，我让它和ng秀一起工作，但不和ng-if一起工作。我不明白为什么？这样做是可行的：这并不是：
<ling-repeat="item in items" ng-if="$index < items.l
浏览 2提问于2015-09-05得票数 2
回答已采纳
1回答
. --> <td >{{aDay}}</td> <span ng-repeat="hour in aUse
浏览 4提问于2014-02-14得票数 0
回答已采纳
3回答
内联编辑行不工作这也没有被禁用 <td>
<span ng-show="edit= true">{{data.question}}<
浏览 0提问于2018-03-23得票数 0
回答已采纳
现在我的按钮正在重复，因为我正在使用ng-repeat来重复页面中的两个版本按钮，如何才能使这个按钮不重复呢？html： <div class="item" ng-class="{active: version.isActive
浏览 4提问于2016-06-07得票数 0
回答已采纳
无法添加{{ cost -- selling_price }}，请建议任何一个当整个数据来自get或post请求时如何添加两个数字(在ajax数据上工作，两个添加两个数字)
<script type="
浏览 0提问于2017-09-21得票数 0
少说“不工作”，多说“我觉得我做得不对”。<table style="" class="table table-striped table-hover table-condensed"> <tr ng-show="row.strength" ng-repeat="row in yearly | orderBy:'-year'">
浏览 0提问于2014-08-25得票数 0
在筛选过程中，我试图在"ng-show“的帮助下显示”没有找到标签“。ng-controller="simpleController"><div> <li ng-repeat="myKeys in tags| filter:nameText">{{myKeys
浏览 1提问于2014-04-15得票数 32
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
