当列表更新时，Angular *ngFor没有反应 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

当列表更新时，Angular **ngFor没有反应*

angular

当我更新父组件中的列表时，在子组件中获取反应性时遇到问题。} } }} <li *ngFor我在这里要做的是过滤列表，并在父组件的嵌套结构中设置displayed:false。我希望这个变化能被child1和child2检测到，为什么没有发生呢？return childFiltered.layer;

浏览 29提问于2021-02-24得票数 0

回答已采纳

2回答

如何在angular2 ngFor异步中防止DOM替换？

angular、firebase、firebase-realtime-database、angularfire2

我有一个使用angular2应用程序angularfire2的异步消息列表。<message *ngFor="let message of messages | async" [message]="message"></message> 当列表更新时，ngFor中的所有元素似乎都会重新呈现是否可以重新呈现列表中的新项目？

浏览 1提问于2016-09-10得票数 7

回答已采纳

1回答

来自nfFor的angular2阻止嵌套标记元素的更新

angular、ngfor

我想更新列表的子列表。我从服务部门得到的每一份名单。在angular2中，对于这两个部分，我都使用ngFor。 race.component.ts -带有更新

浏览 3提问于2016-10-06得票数 2

回答已采纳

2回答

每次redux存储刷新时，局部角度状态都会消失。

angular、ngrx

我使用angular 4，使用ngrx进行全局状态管理。我有呈现许多子组件的组件： <div upload-list-item *ngFor="let upload of (uploads | async).items" [upload]="upload">this.expanded;} 问题是，每次我更新ngrx存储时，所有的本地状态都会被清除，至少看起来是这样。这是预期的行为吗？

浏览 22提问于2019-02-14得票数 1

回答已采纳

1回答

可持续编辑的光标在ngfor循环中移回起始位置

javascript、angular、angular7、contenteditable

当我在ngFor中使用innerhtml绑定html数据时，Contenteditable游标会移回开始位置。<div *ngFor="article of articleLists"> <div id="editor_article_{{article.id}}" contenteditable="true但问题是变量应该是动态的，才能在ngFor中绑定。

浏览 0提问于2019-07-09得票数 0

1回答

离子2/3 - **ngFor*的问题-只有几个元素加载，锁定手机的屏幕加载其余的

angular、ionic-framework、ionic2、ngfor

我在Ionic 2中使用*ngFor有问题。基本上，它的目的是以图片库的形式将大量缩略图和细节打印到屏幕上。在加载图像之前，我使用图像名和图像的标准离子图标预加载页面。但是，我在*ngFor上有问题，每次只加载50个离子图标和缩略图名，其余的要加载，我必须锁定手机屏幕并再次解锁。它们几乎都是在屏幕被锁定两秒钟后立即加载的。还有一些900+图像正在被加载。在尝试在*ngFor中显示信息之前，我还要加载所有的图像数据。它看起来更像是*ngFor的缺陷或限制吗？当屏幕被锁定时，它会立即加载。有更好的方法来加载

浏览 5提问于2017-10-12得票数 0

3回答

如何在Ionic 3 (Ionic，Angular 5)上刷新页面

angular、ionic-framework、ionic2、ionic3、angular5

我正在构建一个收藏列表，我可以删除页面中的列表项。它基于Ionic sqlite存储。我发现离子页将保留删除的离子列表项，直到我重新进入列表页。因此它需要在从离子存储中删除项目时刷新页面。

浏览 2提问于2018-05-01得票数 3

回答已采纳

1回答

Ionic - **ngFor*完成后的回调

angular、ionic-framework、ngfor

我目前正在开发一个使用Ionic (最新)+ Angular的应用程序。我已经使用ngFor构建了一个列表，现在我想在ngFor完成后调用一个函数。我发现：Angular 2: Callback when ngFor has finished在使用ionic时不起作用，因为它给出了关于没有加入我的<ion-item>的错误我的代码： <ion-list> <ion-item class="ion-no-padding

浏览 9提问于2020-04-14得票数 1

回答已采纳

2回答

更精细的角度渲染控制

angular、ngrx、busyindicator

myEntityAdapter.addAll(action.payload.tokens, state) // the data这个结果数据是一个冗长的对象列表，它经过组件中的一个排序，然后通过一个具有重要内容的*ngFor呈现。2019.03.01更新我尝试了@ConnorsFan建议的方法:我更改了模板，使用了一个新的不可观察的*ngIf="viewLoading"，初始化为public viewLoading = true

浏览 0提问于2019-03-01得票数 1

6回答

在属性中将索引作为值的ngFor

angular、ngfor

我有一个简单的ngFor循环，它也可以跟踪当前的index。我希望将该index值存储在一个属性中，以便可以打印它。但我搞不懂这是怎么回事。我基本上有这样的想法： <li>{{item}}</li>我想在属性

浏览 72提问于2016-02-15得票数 750

回答已采纳

1回答

Angular (离子)：使用循环渲染组件:组件的视图不更新

angular、ionic-framework、ionic4、angular7

当使用*ngFor多次渲染组件时，渲染的组件在DOM中不会按预期更新。在离子页面中呈现组件： <app-add-file (fileEvent)="fileEventHandler(i, $event)"></app-add-file> //component </ion-

浏览 2提问于2020-12-17得票数 2

1回答

Angular 2:创建包含字典数组的下拉列表

angularjs、json、angular

我在Angular 2中使用了options标签来填充我的下拉列表。使用dateTest1.json可以正确地填充下拉列表，但是，当迭代.json文件中给定键的值时，它在填充下拉列表时会遇到问题。在Angular 2中，用下面的dateTest.json示例填充下拉列表的正确方法是什么？从dateTest.json检索时的*.component.html：EXCEPTION: TypeError: Cannot read proper

浏览 0提问于2016-04-22得票数 2

1回答

在新数据上进行角度渲染

angular、typescript

我用Angular实现了一个简单的聊天应用程序。我使用的是@stomp/ng2-stompjs的stomp套接字。我正在使用*ngFor来显示所有的邮件。<p *ngFor="let item of messages" style="padding: 5px; font-size: 18px"> <span style="color:darkturquoise">{{item.author}}</span>: {{it

浏览 0提问于2017-10-04得票数 0

3回答

如何在ngFor 2中选择所有过滤后的复选框？

angular、ngfor

我有一个角2组件，它加载并向*ngFor中的用户显示一个复选框列表，这个列表也可以根据一个键进行过滤。我需要选择所有过滤的项目，并将它们添加到数组中。我可以检查所有的复选框，但问题是当我有问题地更改checked时，change事件没有触发，知道如何修复吗？th>Id</th> </tr> </th

浏览 7提问于2016-09-26得票数 14

回答已采纳

1回答

当输入数据更改时，Angular 2视图不会更新

angular

我有一个Angular 2应用程序，其中包含一个消息提要，它是一个IMessage类型的数组。在OnInit事件中，从服务器检索并显示消息。到目前一切尚好。当我使用this.messagea.unshift(newMessage);更新IMessage数组时，视图不显示新消息。当我遍历相同的数组时，我可以看到新消息在数组中，刷新页面(并从数据库中检索新消息)也会显示该消息。我注意到，当我直接输出messages而不是调用子组件时，列表会更新。template: `<

浏览 1提问于2017-07-20得票数 0

1回答

输入的数字在改变时失去焦点

angular、typescript、input

我设法使用@ViewChild获得输入值，但每次我更改它的值时，它就失去了焦点，我需要再次单击它。我不知道为什么会发生这种情况，也不知道如何修复它，希望你们能帮助我！<div *ngFor="let x of (myArray | async)"> <input (input)="myFunction()" [value]="x.value" #myInput type

浏览 22提问于2019-06-06得票数 0

9回答

NgFor不使用Angular2中的管道更新数据

angular、angular2-template、angular2-directives、angular-pipe

在这个场景中，我将向ngFor视图显示一个学生列表(数组)每当我把其他学生添加到列表中时，它就会更新，这真是太棒了。然而，当我以学生的名字给pipe给filter时， <li *ngFor="#student of students | sortByName:queryE

浏览 5提问于2015-12-24得票数 126

回答已采纳

2回答

当变量更改时，Angular 6模板不会更新

javascript、angular、templates、angular6

在这一点上，我相信模板已经创建好了，所以菜单永远不会更新。我们希望MemberProfile链接显示用户ID，而不是初始化时使用的“未定义”。查看堆栈闪电战链接。当您打开菜单时，我将打印出链接标签和链接URL。第二个链接应该是Admin/MemberProfile/45而不是Admin/MemberProfile/undefined https://stackblitz.com/edit/angular-ivy-yu9hty

浏览 15提问于2020-06-24得票数 1

回答已采纳

3回答

当添加到数组的内容来自另一个组件时，为什么ngFor不更新？

angular

我有一个包含项目列表的组件，我有一个遍历项目并显示文本的ngFor。我在页面上有一个按钮，当您单击该按钮时，会将一个项目添加到数组中。奇怪的是，当按钮将项添加到数组中时，列表将更新，但当另一个组件添加项时，它不会更新UI，即使项的计数增加了，而且我可以在UI中看到，组件已经加载并呈现了默认项。import {Component} from 'angular2/c

浏览 0提问于2016-01-20得票数 5

3回答