ng-重复隐藏具有空对象的行
是指在Angular框架中使用ngFor指令进行循环渲染时，当遇到具有空对象的行时，可以通过ngIf指令将该行隐藏起来。
具体来说，ng-重复隐藏具有空对象的行可以通过以下步骤实现：
- 在HTML模板中使用ngFor指令进行循环渲染，例如：<div *ngFor="let item of items"> <span>{{ item.name }}</span> </div>
- 在ngFor指令所在的元素上添加ngIf指令，判断当前行的对象是否为空，如果为空则隐藏该行，例如：<div *ngFor="let item of items" *ngIf="item"> <span>{{ item.name }}</span> </div>
这样，当items数组中的某个元素为空对象时，对应的行将被隐藏起来，不会在页面中显示。
ng-重复隐藏具有空对象的行的优势在于可以提升页面的可读性和用户体验，避免显示无效或错误的数据。
适用场景：
- 当从后端获取的数据中存在空对象时，可以使用ng-重复隐藏具有空对象的行来避免显示这些无效数据。
- 当需要根据特定条件动态控制某些行的显示与隐藏时，也可以使用ng-重复隐藏具有空对象的行。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，支持按需购买、弹性扩容等特性。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
相关·内容
1回答
我试图使用ng-重复创建我的过滤器菜单，在我的时间表内的所有模式。
<a ng-click="filterModality = {entry_team.name: '{{modality}}'}" ng-repeat="modality in modalities">{{modality}}</a>
<!--
Output
<a ng-click="filterModality = {entry_team.name: 'Atletismo'}" ng-repeat="
浏览 2提问于2016-06-22得票数 0
回答已采纳
在尝试学习angularjs的过程中，我使用div创建了一组ng-repeat。我总共有五个div。我只使用div指令组件显示第一个$first。
<div class="container" ng-app="demoApp" ng-controller="demoController">
<div class="row" ng-repeat="job in jobs" ng-hide="!$first">
<div class="col-md-4&
浏览 1提问于2016-01-26得票数 0
回答已采纳
2回答
我不知道如何获得我的headerRow的范围，以便当我正在重复行时，它知道有多少行可以得到正确的偏移量。
<table class="table">
<tr>
<th ng-repeat="header in headerRow">{{ header }}</th>
</tr>
<tr ng-repeat="row in fewRows">
<td>{{ row[need this to be the
浏览 1提问于2014-08-21得票数 0
回答已采纳
我有一个控制器，它将JSON对象设置为等于$scope。
我如何在视图中访问它？我已经用ng-重复访问了列表和数组，但是应该使用什么指令来访问单个对象呢？我看过的教程只显示了使用ng-重复的列表的结果。
浏览 5提问于2015-07-12得票数 0
回答已采纳
2回答
我遇到了一个问题，我试图使用ng-重复在Angularjs中显示一个数组，但是它显示的是整个json数组，而不仅仅是里面的文本。
这是我的阵列
$scope.problems = [
{
problem: "problem1",
works: [
"a0",
"a9"
]
}
]
这就是我想要展示的地方
<li ng-repeat="works in problems | filter: searchCard"&
浏览 3提问于2017-05-31得票数 2
回答已采纳
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<ul>
浏览 0提问于2017-02-16得票数 1
我是刚接触过安古拉杰的人，还面临着重复的问题。与ng重复的发票列表-重复，每个发票都有付款清单.我试图从重复的一行点击付款，然后点击另一行，以此类推。
当我打开第一个时，它用确切的数据打开，当我们打开其他行支付时，它通过替换旧的支付打开新的支付。第一行付款和第二行付款都是相同的。
付款列表必须使用ng-重复该特定索引。它必须发生在每一张发票上，而不是在下列情况下
这是我的html
<tbody data-ng-repeat="invoice in relatedInvoices>
<tr>
浏览 3提问于2016-02-04得票数 2
回答已采纳
3回答
可能重复：
我想在WinForm运行后隐藏它(而不是最小化)。
我用：
this.Load += new System.EventHandler(this.Form1_Load);
private void Form1_Load(object sender, EventArgs e)
{
Hide();
}
但这不管用。你能帮我做吗？
浏览 9提问于2013-01-22得票数 5
回答已采纳
2回答
我需要为我正在做的项目实现一个可编辑的列表。单击某个项目时，它将更改为具有与单击的项目相关的一系列选项的编辑状态。我们的UX想要编辑的项目在线上，但我不确定最好的方式来做到这一角度，并想知道哪一种方式更好。
示例1模板
<div class="person" ng-repeat="person in people" ng-click="editing=!editing">
<div class="details-view" ng-hide="editing" ng-bind="pe
浏览 3提问于2013-09-13得票数 7
1回答
角js ng-如果在ng内-重复不工作
<div ng-controller="Ctrl">
<div ng-repeat = "data in categories">
<div ng-if="data.name == 'Sport' ">
{{data.name}}
</div>
</div>
</div>
浏览 6提问于2015-02-04得票数 1
回答已采纳
我正在使用键值对ng- .I迭代对象列表，希望将动态ng模型添加到复选框中。我已经搜索了很多，但我没有找到任何解决办法，我虽然找到了一个类似的问题- ，但似乎没有答案。
<div id="details_{{key}}" ng-repeat="(key,value) in value" >
<input type="checkbox" ng-model="" ng-change="single_chk()">
</div>
我如何为上述ng-重复添加ng-模型的动态属性，并且必须
浏览 1提问于2017-05-10得票数 2
回答已采纳
我有一个纳克重复和多个ng-显示条件在里面。类似的东西(虚构的例子)：
<ul>
<li ng-repeat="item in items | filter:searchFilter" >
<label ng-show="item.label==1">{{item.label}}</label>
<label ng-show="item.label==2">{{item.label}}</label>
<label ng-show="
浏览 0提问于2015-01-13得票数 0
回答已采纳
1回答
我有rest web服务，当我返回一个结果作为xml响应是好的，但是当我尝试作为xml返回列表时，它返回奇怪的响应。只有一个对象满是params，而其他对象没有填充数据。
我的服务班：
@Path("/result")
public class Service {
@GET
@Path("/{paymentId}")
@Produces("application/xml")
public Response getPaymentResult(@PathParam("paymentId") String
浏览 1提问于2016-01-15得票数 0
回答已采纳
1回答
在cellTemplate ng单击之后，我在使用ng-重复填充表时遇到了问题。
cellTemplate: '<div ng-click="foo()" ng-bind="row.getProperty(col.field)"></div>'
在这个foo方法中，我试图将结果传递到html页面。
$scope.results = $scope.source;
$scope.foo = function(ngClickResult) {
$scope.showNgClick
浏览 2提问于2015-07-02得票数 0
回答已采纳
我将ng-重复分配给表中的一行，如下所示。当用户选择行中的向下箭头时，将执行moveDown方法，该方法将重新排序列表(请参阅代码)。
当我查看DOM时，一切看起来都是正确的--行被重新排序，ng单击看到了新分配的seqNbr。
更好的解释：
最初，第一行显示数据-ng-单击=‘moveDown(0)；’第二个数据-ng-单击=‘moveDown(1)；’
在选择第一行之后，第一行和第二行交换位置。在对象中交换seqNbr，重新排序列表，然后重执行ng重复。
现在DOM显示新的第一行有:data-ng-click=‘moveDown(0)’，旧的第一行，现在是第二行，有data-ng-clic
浏览 1提问于2013-08-24得票数 0
回答已采纳
我有一个条目数组，每个条目都显示为ng-重复中的指令，如下所示：
<div ng-repeat="item in ctrl.data | filter:ctrl.query" class="ubi-box container-fluid">
<user-item item="item" . . .></user-item>
</div>
如您所见，在ng-重复上有一个过滤器。在指令中，用户可以编辑表单中的项，当用户单击其中一个项时，这些项会显示出来。
当用户编辑影响筛选器的字段时会发生故障。如
浏览 1提问于2015-11-13得票数 2
回答已采纳
在AngularJS中，设置这一行{{movie.duration | secondsToHHMM | date:'HH:mm'}}会给出=> 02:34 (2小时34分钟)。我希望输出是‘2H34m’，而不是02:34格式。如何自定义占位符中的时间格式？
“电影持续时间”，当然来源于ng-重复，ng-重复=“电影中的电影”，顺便说一下
我是AngularJS的新手，您的帮助将不胜感激！
提前感谢！
浏览 1提问于2016-04-28得票数 4
回答已采纳
如果单击ng-重复中的任何按钮，我将试图隐藏div。然而，它似乎不起作用，它使我认为，如果ng隐藏或ng显示不起作用，如果它是控制在ng-重复？
<div data-ng-hide="showChooseHardware">
<table class="table">
<tbody>
<tr data-ng-repeat="hardware in hardwares">
<td>{{hardware.name
浏览 4提问于2015-02-01得票数 1
回答已采纳
3回答
我有一个集合的项目，我正在使用ng-重复和过滤。
每个项都有一个唯一的Id，并存储在一个数组中：
[ {id: 387, name: "hello"}, {id: 2878, name: "world"}, ...]
但是现在我需要通过它们唯一的id来引用这些对象，而不是数组索引(以及在过滤器中使用ng-重复)。
因此，我尝试使用稀疏数组：
array[387] = {name: "hello"}; array[2878] = {name: "world"}...
但纳克-重复骰子本身，因为它看到‘重复’的未定义的键。(我也试过使
浏览 6提问于2014-05-26得票数 0
可能重复：
以前的版本在“设置->编辑器->虚拟空间”中“允许行后插入”，但我似乎无法在新版本(12)中找到它。
编辑:它在同一个地方..。Mac上的设置在Command+中，而不是文件->设置(在PC上)。
浏览 2提问于2012-12-21得票数 2
回答已采纳
3回答
我正在尝试使用ng-重复显示我的菜单。
HTML：
<ul class="dash-menu-list" ng-controller="jsonMenu">
<li ng-repeat="menu in menus" class="{{menu.class}}">
<a href="#">
<i class="{{menu.img}}"></i>
<span> {{menu.text
浏览 1提问于2015-02-03得票数 0
回答已采纳
1回答
我使用ng-重复，这里的产品是我从后端获得的对象，但问题是，删除按钮不是单个更新，而是显示在一行中，它显示的是5-6行。我知道间距不合适，但现在我只关注按钮的功能。
{
"code": 200,
"message": "Products retreived successfully",
"params": null,
"data": {
"controller": "ProductController",
"method"
浏览 0提问于2018-04-13得票数 0
回答已采纳
对嵌套对象使用ng-重复有已知的问题吗？我有以下JSON数据：
{
Table: [
{
contract_type: "Division Level"
}
],
Table1: [
{
division: "Illinois"
}
],
Table2: [
{
cost_center: "8646 - Administration"
}
],
Table3: [
{
organization: "XYZ"
},
{
organization: "ABC"
}
],
Table4: [
{
settingname:
浏览 3提问于2014-03-13得票数 0
回答已采纳
2回答
我有一个基本的单一网页网站使用角。我使用ng-重复来生成主页上的一些内容。重复中的每一项都是一个图像，我希望对每个项目都有一个备用视图，显示更多细节。我有一个基本的实现，视图正在使用ng-隐藏/显示进行切换。然而，似乎有一个轻微的闪烁，我怀疑所有的照片视图是切换，而不是一个点击。
这里是HTML:
<div class="row">
<div class="col-sm-6 col-md-4" ng-repeat='service in services'>
<div class="thu
浏览 1提问于2015-08-09得票数 0
回答已采纳
1回答
现在我有一个数组。即var temp = '1234'，'1235'，'1236'；
我的html已经遍历了一个JSON对象，但是我想在表中添加一个列，它只是遍历数组。例如，我设置了temp列，第一行应该有值1234，第二行应该有1235，最后一行应该有1236。有办法让你重复吗？
<tbody ng-repeat="ts in allInfo">
<td>
{{ts.id
浏览 1提问于2018-04-12得票数 1
回答已采纳
这应该很简单。由于某些原因，当在ng-重复中使用ng-模型时，它会更新该重复循环中的所有ng-模型。
这是密码。有什么主意吗？
谢谢。
浏览 1提问于2014-06-07得票数 2
回答已采纳
2回答
我有一个table.In比正在做的行隐藏和显示使用角度编辑和保存的目的。它运行良好。
$scope.init=function(){
$scope.editable=true;
}
现在，当我点击表格行中的编辑按钮时，编辑按钮将被隐藏，而保存按钮将被显示。
$scope.editRow = function(id){
console.log(id);\\row id will be displayed here
$scope.editable=false;
}
这里我面临一个问题，如果我点击第二行的编辑，只有第二行应该是可编辑的。
我知道我们可以在这里使用jquery.
浏览 0提问于2017-12-04得票数 0
3回答
我有离子应用。现在我有了下面的代码。
<div class="row">
<div class="col col-33" ng-repeat="(key, value) in categoryMenuOut">
<a href="#/category/{{chosenCat}}/{{key}}">
`some code`
<span class="name">{{value.name}}</span>
&l
浏览 0提问于2016-07-21得票数 0
SET @v1 = '';
SET @v2 = '';
SET @Query = CONCAT('SELECT sum(colName1), sum(colName2) INTO @v1, @v2 FROM tableName WHERE id=1 ');
PREPARE stmt FROM @Query;
EXECUTE stmt;
DEALLOCATE PREPARE stmt;
SET @Query = CONCAT('SELECT id, name,',@v1,' as value1, ',@v2,&
浏览 5提问于2014-10-30得票数 0
回答已采纳
在Angular.js中没有使用ng-重复的数据时，我得到了以下错误
错误：
Error: [ngRepeat:dupes] http://errors.angularjs.org/1.4.6/ngRepeat/dupes?p0=user%20in%20objHodUserData&p1=string%3Al&p2=l
at Error (native)
at http://oditek.in/Gofasto/js/angularjs.js:6:416
at http://oditek.in/Gofasto/js/angularjs.js:279
浏览 4提问于2015-11-13得票数 0
1回答
我试图在引导表中标记不同的视频项目。我已经在使用ng重复来循环存储视频数据的对象数组。我现在正在尝试创建一个嵌套的ng-重复循环，在创建每个表行的ng-重复中的另一个“标记”数组上循环。
但我得到了一些奇怪的结果。我希望我能在td上放一个ng-重复，然后用引导类“徽章”将角度表达式放在一个跨度内。对出什么问题有什么想法吗？
<tr ng-repeat="topic in topics">
<td><a ng-href="#/{{topic.url}}"><i class="fa
浏览 1提问于2014-12-10得票数 0
回答已采纳
2回答
我在角1.x中使用ng-重复，并且尝试创建每个迭代唯一的ID / class /ng-模型。
<input type="text" id="url-placeholder" placeholder="Companion URL" class="creative-url-box" ng-model="newCreative.companionUrl">
所有这些都是在ng-repeat下进行的，当我想要创建新对象时，总是会创建相同的对象。
我试图将{{$id}}添加到ID和类中，但有些地方出错了。那我该怎
浏览 1提问于2017-04-12得票数 0
回答已采纳
2回答
我有一个带有自动增量键的mysql表。如果表中不包含我要插入的行，我需要一种方法来仅插入到该表中。INSERT、IGNORE和INSERT ON DUPLICATE KEY UPDATE将不起作用，因为自动递增的键将导致行始终不同。只有在没有重复行的情况下才能插入以下行的另一种方法是什么？谢谢。
INSERT INTO TableName (column1, column2, column3) VALUES ("value1", "value2", "value3");
浏览 0提问于2012-06-28得票数 4
回答已采纳
1回答
如果你检查一下下面的小提琴曲，你就会看到一个我遇到问题的例子。
我的问题是，当ng重复有一个非常简单的数据类型驱动它，例如一个数字数组，例如当数组被更新时，angularjs不知怎么知道数据值没有改变，因此不会重新绘制行DOM。这意味着可以将UI片段(如下拉框)与setInterval结合使用，从而导致数据刷新。
一切都很好。
但是，如果我更改ng后面的数据结构以包含复杂的对象，例如[{"i" : 1}..{"i" : 10}]angularjs完全重新绘制行(即使值没有改变(尽管对象引用当然有变化)，因此如果选择下拉列表，则通过重新绘制行来破坏html，因此
浏览 4提问于2013-11-07得票数 0
回答已采纳
1回答
我一直在寻找一种方法来查看哪些行中有重复的单词。
如果A和C列中的单词匹配，我想在B列中添加一个"X“。整个单元格不应该完全相同，例如，John和Miller，J，这只需要匹配同一行中的单词，而不是整列。我有超过50k行要处理，所以我正在寻找一个更好的方法，任何帮助都会很感激
看上去是这样的：
A
Jf Wepener . Lourens Johannes Stephanus
Me Horn x Horn Maria Elizabeth
Jg Waldeck x Waldeck Johan George
Pj Du Preez x Preez Paulus Jacobus D
浏览 2提问于2014-05-12得票数 1
回答已采纳
1回答
我已经创建了一个主题和一个子主题表，但是我希望每个子主题只引用一个主题而不进行更改。现在，我的代码将范围更新为对所有div的最新ng-重复调用。问题是，如果打开了两个或更多行，那么所有行都会更新其作用域以与上次打开的行匹配。我已经树立了一个普鲁克的例子：
我的看法如下：
<table class="section-table">
<tbody>
<tr><td class="section-topic">Testing</td></tr&
浏览 0提问于2016-04-06得票数 1
1回答
我有一系列的项目重复故意，我只想隐藏这些项目中的一个对我的ng-重复。
如何仅隐藏单击中的一个重复项?
我可能遗漏了什么东西，但我很难找到它。
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
var users = [{name: 'toto', hide:false},{name: 'titi', hide:false},{name: 'tutu', hide:false},{
浏览 1提问于2017-11-12得票数 0
我见过与此有关的类似问题，但这是不同的。在大多数问题中，ng-隐藏/显示是针对ng单击事件触发的。
这是密码。
$scope.showDetails = 0;
$scope.delete = function(event) {
alert(event.target.id);
$scope.showDetails = 1;
//There would be more code for delete function. Some Ajax calls will be here.
}
<div ng-repeat="sugges
浏览 2提问于2018-05-27得票数 1
回答已采纳
我仍然在学习AngularJs，我遇到了一个我似乎找不到答案的情况(虽然我已经找到了很多关于subject...nothing的答案，就像我所需要的一样)。
我有下面的纳克模型在里面重复。这一切都很好：
<tr ng-repeat="option in orderLine.options">
<td>
<input ng-change="updateOptionsTotal(option.price)" ng-model="option.price" value="{{ option.pri
浏览 1提问于2018-02-05得票数 1
回答已采纳
1回答
在ng-重复循环中，我有访问变量(附加到$scope)的问题。我的ng-重复如下：
<div class="row" ng-repeat="Message in Messages">
<p>{{ Message.Sender ChattingWith}}</p>
</div>
我可以在ng-重复之外使用ChattingWith变量，但是由于某种原因不能在里面使用它。我使用过$parent.ChattingWith，没有任何运气。任何帮助都将不胜感激。
浏览 1提问于2016-12-18得票数 0
回答已采纳
1回答
我正在上构建一个应用程序，我希望用户能够通过点击界面一侧的过滤器来过滤信用卡阵列，例如，只有美国运通卡、信用卡是免费的。
我可以将筛选器函数绑定到用户单击筛选器，但该函数本身并没有按计划工作。有两个问题：
我似乎无法使过滤器默认为null。其中一个链接是显示“所有卡”，它可以在单击时使用，方法是将筛选器设置为null，但我无法在页面加载时将此设置为空。
我需要动态地生成过滤器，例如cardFee:0，minSpend:0，bonusCurrency:amex，我不能这样做。
我想知道我是不是走错了路，我应该设置一个循环，而不是根据通过前端从数组传入的变量生成过滤器。
如果f
浏览 3提问于2015-04-15得票数 3
我已经在我的ng-重复中尝试了以下方法：
<a data-ng-repeat="style in webStyles" data-ng-style="background-color: \'{{style.bgColor}}\'">{{style.name}}</a>
<a data-ng-repeat="style in webStyles" data-ng-style="background-color: '{{style.bgColor}}'">{{st
浏览 3提问于2014-03-11得票数 0
回答已采纳
我是一天的学习角质。我可以使用$http.get检索数据，但我想知道如何在不使用ng-重复的情况下绑定数据(因为只有1项)
我的代码：
<html ng-app="league">
<snip>
<div ng-controller="LeagueController">
<div ng-repeat="y in gamedata">
<h2>Game Details</h2>
<p>
浏览 4提问于2015-05-01得票数 0
回答已采纳
我有-重复一遍：
<div ng-repeat="row in phs.phrasesView = (phs.phrases | orderBy:phs.phrasesOrderBy[phs.phrasesOrderById].key:phs.phrasesSortDirectionId == 1)"
***
*** I want something here to set the value of pos ***
*** based on array1.findIndex(v => v.phraseId == 'def')
浏览 4提问于2016-08-02得票数 0
回答已采纳
1回答
`http://plnkr.co/edit/jj7LvmZ73MKUAdecQzpP`
请给我一个解决方案，应用CSS到一个选定的字段，而不是整个行ng-重复。
在ng-重复网格中，我正在使用强制输入字段进行表单验证。如果输入是空的，我想要检查模糊输入的值，并显示错误红色边框。但是当单个字段为空时，所有字段都会被高亮显示。因此，我想分别突出显示字段。
当我单击其他文本框时，边框正在消失。我希望边境线一直呆到满了，而不是空的。请引导我。你的帮助是非常可观的。
从获取源代码来演示我的问题。
浏览 1提问于2015-03-15得票数 1
回答已采纳
1回答
我的程序备份目录中的所有文件，空文件夹除外。如何使用boto3，Python将空文件夹上传到S3？
for dirName, subdirList, fileList in os.walk(path):
# for each directory, walk through all files
for fname in fileList:
current_key = dirName[dir_str_index:] +"\\"+ fname
current_key = current_key.replace("\\"
浏览 1提问于2019-11-02得票数 2
我在建一个电影图书馆。我使用ng-重复来显示电影，每部电影都有一个按钮来编辑它，另一个按钮来删除它。“删除”按钮工作正常，但“编辑”按钮不工作。它应该打开一个面板并将其填充到电影数据中，但它只使用我为索引定义的第一个值打开面板。
button
<i class="glyphicon glyphicon-pencil small btnEdit" ng-click="i =(movies.indexOf(movie));"></i>
input
<input type="text" class="form-c
浏览 1提问于2017-07-08得票数 0
回答已采纳
3回答
我有以下代码在页面上显示3种不同的类型：
生产
开发
维护
如果在h4中没有任何内容，我希望整个部分(Production、h4和table/tbody)消失。(只有在有内容的情况下才出现)
<span ng-repeat="type in types">
<table class="max-width">
<tbody>
<div class="row" ng-repeat="result in filteredResu
浏览 3提问于2014-10-08得票数 1
4回答
我有一个ng-重复块，我用它编写了一个ng单击，直接表示将一个$scope变量设置为true。但不管用..。有人能帮忙吗..。这是
selected: {{selected}}
<ul>
<li ng-repeat="t in t.header" ng-click="selected = true;">{{t.a1}}</li>
</ul>
JS
var app = angular.module('plunker', []);
app.controller('
浏览 0提问于2015-04-01得票数 2
回答已采纳
我有一个报告，在不同的列上有几个分隔符： ? 我仅对C、F和G的列REPORT LEVEL 2进行中断，因为为这些REPORT LEVEL 2实体定义了REPORT LEVEL 3，以便进行求和。我做这个休息： ? 它正在工作，但我不知道如何准确地只为这些实体，因为我现在有所有报告级别2的总行，它对其他(A.1，A.2，...例如)。 我尝试了一个解决方案:隐藏带有警报器(和条件)的内容，如下所示： =If (Length([Report Level 3])=0) Then "" Else Sum([Value Activity]) / [Budget Tot
浏览 30提问于2021-04-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
