在ngFor内使用时，角度日期管道不更新值

在ngFor内使用时，Angular日期管道不更新值的原因可能是由于Angular的变更检测机制。Angular使用了一种叫做"脏检查"的机制来检测数据的变化并更新视图。当使用ngFor指令来循环渲染一组数据时，Angular会对每个数据项进行检测，如果数据发生变化，Angular会更新对应的视图。

然而，当使用日期管道时，日期对象是不可变的，也就是说，它们的值不会发生改变。每次调用日期管道时，它都会返回一个新的日期对象，而不是修改原始的日期对象。这就导致了在ngFor内使用日期管道时，Angular无法检测到日期对象的变化，从而不会更新对应的视图。

解决这个问题的方法是使用一个唯一的标识符来跟踪日期对象的变化。可以通过给每个日期对象添加一个唯一的ID属性，然后在ngFor指令中使用该ID属性来跟踪日期对象的变化。这样，即使日期对象的值没有发生变化，但由于ID属性的变化，Angular仍然会更新对应的视图。

另外，还可以考虑使用自定义的日期管道来解决这个问题。自定义的日期管道可以继承Angular的内置日期管道，并添加一些逻辑来跟踪日期对象的变化。在自定义的日期管道中，可以使用日期对象的某个属性（如时间戳）来判断日期对象是否发生了变化，从而决定是否更新对应的视图。

总结起来，解决在ngFor内使用日期管道不更新值的问题，可以采取以下方法：

给每个日期对象添加一个唯一的ID属性，使用该ID属性来跟踪日期对象的变化。
使用自定义的日期管道，在其中添加逻辑来判断日期对象是否发生了变化，并决定是否更新对应的视图。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数计算（云原生）：https://cloud.tencent.com/product/scf
腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
腾讯云云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
腾讯云虚拟专用网络（网络通信）：https://cloud.tencent.com/product/vpc
腾讯云安全产品（网络安全）：https://cloud.tencent.com/product/saf
腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
腾讯云元宇宙（元宇宙）：https://cloud.tencent.com/product/um

在ngFor内使用时，角度日期管道不更新值

angular

我有一个Angular项目，其中我有一个ngFor，我想用来自angular的日期管道显示值。<tr *ngFor="let p of months"> </tr>但是如果我只显示{{ p.mo

浏览 8提问于2020-02-12得票数 0

回答已采纳

2回答

管道角2动态阵列长度

angular、typescript、angular2-pipe

用管道动态显示数组长度是可行的吗？any[] = [];Element numer: {{ listOfIdToExport | lengthOfArray }} 我有一个函数，它从这个数组中添加或删除元素，问题是当发生更改时，管道不会更新数组长度

浏览 8提问于2017-06-23得票数 4

回答已采纳

1回答

Angulars引导日期范围输出到日期范围过滤器管

angular、typescript、sorting、ngx-bootstrap

我正在使用ngx构建功能-引导数据报警器，使用它允许用户选择一个开始和结束日期。然后将这些输入到日期范围管道中，并返回过滤后的结果。我玩这个游戏已经有一段时间了，我创建了

浏览 5提问于2019-09-24得票数 2

回答已采纳

2回答

动态时区选择器角2/4/5的实现

angular、timezone、momentjs、angular2-moment

当用户更改时区时，我希望页面上显示的所有时间值都会立即更新。我不想创建一个‘不纯’管道，因为性能管理(考虑到时区更改不是一个经常的活动)。作为回退，我可以创建一个以当前时区为参

浏览 9提问于2017-11-11得票数 1

2回答

angular2 @Input EventEmitter更新视图

javascript、forms、angular

我正在尝试创建一个简单的网格组件，但在发出事件后更新视图时遇到了问题！请解释一下，谁知道，为什么更新了简单的组件后，视图没有重新渲染？这段代码有什么问题？

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

2回答

如何计算和显示分钟Angular2中的时间差

javascript、angular、typescript、datetime、time

我有一个角度应用程序，它使用*ngFor显示订单，每个订单都有一个日期时间字段和创建日期。我想要创建一个计时器，它显示客户在几分钟内等待订单的时间，计算order.time和现在的差异。我尝试使用amDifference管道，但出于某种原因，它显示了所有记录的相同输出。对于一个项目来说，这样做很容易，但我不知道如何在*ngFor循环中完成。<mat-card class="order-card" *ngFor

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

回答已采纳

1回答

在向列表中添加新项时，自定义管道不重新排序列表

html、angular、pipe、angularjs-orderby

我实现了一个orderby管道，它在DOM加载时运行良好。但是，当我向列表中添加一个新项时，我的管道没有被激活，添加到列表中的新项不是顺序，而是添加到列表中的最后一个位置。</tr> <tbody> <tr *ngFor

浏览 0提问于2016-11-24得票数 2

回答已采纳

2回答

如何在不复制数组的情况下创建对现有数组的新引用

javascript、angular、typescript、reference、pipe

是否可以在不遍历数组的情况下创建对数组的新引用？我的问题是我有一个纯粹的角度管道，它不能检测推送/弹出的变化。我希望避免这样的解决方案：这只是为了更新引用而增加了复杂性。： html stu

浏览 23提问于2019-11-30得票数 0

回答已采纳

1回答

从角度上讲，**ngFor*=“让项目从列表到异步”是什么意思？

angular、typescript、ngfor

所讨论的代码片段是：我还没有看到这个语法，当我删除异步调用时，代码就不再工作了，所以我需要理解它。 ); 因

浏览 0提问于2018-03-29得票数 3

回答已采纳

1回答

错误对象:类型‘TS2322’不可赋值给类型'NgIterable<any>‘。类型“object”不能赋值给类型“Iterable<any>”

angular

</li> </div> <h1> posts</h1> <div>{{post.body}}</div> </

浏览 39提问于2021-08-09得票数 0

1回答

在角应用程序中解决Moment.js降级警告

javascript、angular、date、momentjs

在我的角应用程序中，我收到了以下代码(使用moment.js )的警告：对控制台的警告/错误打印为： moment.js:293弃用警告:提供的值不属于公认的RFC2822或RFC2822格式。非ISO 2822/ISO日期格式是不鼓励的，并将在即将发布的主要版本中删除。请参考获得更多信息。“无效日期”，而不是实际的<e

浏览 4提问于2018-01-12得票数 2

回答已采纳

2回答

保持对象和子对象的数组在角上保持同步

angular、ionic3

我对角度、离子等方面很陌生，但我有一个问题，就是如何保持一个物体数组保持同步。现在，在我的一个组件中，我获取设备内部的一个对象并更新一个属性： import { Devices } from '../..我希望能够使这些本地对象与服务中的全局对象(Devices.devices)保持同步，以便在更新本地引用时，还可以更新设备提供程序内的值，以便使用该提供程序的其他组件将被更新。是否存在这样做的“<

浏览 0提问于2018-11-05得票数 0

回答已采纳

2回答

如果rxjs不对变化作出反应，它的目的是什么？

angular、typescript、rxjs

我有一个项目数组，并使用of将其包装在可观察的范围内。当最终填充数组时，传递给subscribe的subscribe不会被调用。有一种情况是，我在*ngFor中使用这个可观察的async管道，而这个管道的反应是正确的，但是当我将可观测到的data source传递给mat-table或将callback传递给subscribe函数时async管道在幕后所做的事情是什么，而我却错过了什么？the ab

浏览 5提问于2019-11-18得票数 0

1回答

如何使用(click)函数将字符串从HTML传递到Angular 8上的组件？

angular、angular8、page-title

menuItemOne | htmlToText"></span> this.titleService.setTitle( newTitle );} 使用(click)函数，我可以更新页面标题，它工作得很好： <a [routerLink]="['/menuItemOne&#x

浏览 31提问于2020-09-30得票数 1

回答已采纳

1回答

以反应性形式对每个控件更改进行管道更新。

angular、angular2-pipe

我在用我的反应性管道时遇到了麻烦。我有一个管道，它将我的对象转换成一个数组，以便它可以与*ngFor一起使用。<form [formGroup]="myForm" novalidate (ngSubmit)

浏览 2提问于2016-11-27得票数 2

回答已采纳

1回答

更新筛选器上的列表

angular

在角度上，我有一个Observable形式的对象列表，它是从service中获取的，它显示在ngFor中。现在，我通过将列表传递给Pipe并将其取回来，从而对select下拉列表中的值进行过滤。但是它不会在HTML中更新，尽管管道的transform函数被执行了。任何帮助都将不胜感激。any[] = [];}

浏览 1提问于2018-03-30得票数 0

2回答

在有注入服务的角度应用程序中，异步性的正确用法是什么？

javascript、angular、firebase、google-cloud-firestore

当我在一个加载在navbar选项卡下的组件中调用ngOnInit时，它无法工作，除非我单击该选项卡几次： console.log(this.service.getCurrUserDocID

浏览 11提问于2022-01-23得票数 0

回答已采纳

0回答

当输入值发生变化时，何时从控制器调用管道？

angular、angular5

| date:'MM/dd/yy'}} </td> <td>{{row.Name}}</td>然后在html上有： <tr *ngFor="let row of filt

浏览 2提问于2017-12-08得票数 0

回答已采纳

1回答

从管道更改语言时如何更改日期格式

angular、date、ngx-translate

我有一个管道，允许我根据eeee d MMMM yyyy格式更改日期的格式。我还使用ngx-translate翻译应用程序。打开应用程序时，管道会用正确的翻译更改日期格式，但当我更改语言时，管道不会更新。; localeLang});

浏览 2提问于2019-09-25得票数 2

回答已采纳

2回答

基于最后一个高水标值的数据工厂副本(动态日期)

mysql、azure、azure-data-factory、azure-data-factory-2

我目前正在进行一个项目，在这个项目中，我需要数据工厂管道根据上一个运行日期进行复制。数据被输入存储帐户。所摄取的数据采用目录格式--主题/yyyy/mm/dd，即将多个文件放在一个目录中，因此它的文件按日期进行分区，这些日期看起来类似于这个、和年份等。该过程目前基于最后一个高水标记日期进行筛选，每次管道运行时更新，并且每天凌晨4时触发，一旦复制成功，设置变量将高水标记值增加1(即某一天)，但文件不会在

浏览 8提问于2022-11-04得票数 0

点击加载更多