Javascript ngFor不会在子组件中触发onChanges事件
因此,我举了一个小例子,我用我试图实现的东西来支付:Javascript ngFor不会在子组件中触发onChanges事件,javascript,angular,Javascript,Angular,因此,我举了一个小例子,我用我试图实现的东西来支付: <div *ngFor="let card of cards; let i = index"> <app-card [card]="card" [index]="i" (cardClicked)="cardClicked($event)" ></app-card> </div> Url:问题出在哪里/game/gameBoard/
<div *ngFor="let card of cards; let i = index">
<app-card
[card]="card"
[index]="i"
(cardClicked)="cardClicked($event)"
></app-card>
</div>
Url:问题出在哪里/game/gameBoard/4
流量:
请检查控制台
父组件订阅游戏服务中的卡数组行为主题
用户点击2张卡。(子组件)
父组件从子组件接收卡数据的值
父组件调用游戏服务,该服务更新其行为主题并将更新后的cardArray转发给父组件
父组件重新渲染其视图,@将更新的值(例如翻转)输入到每个子组件
从提供的代码片段中不清楚您试图做什么,但是OnChanges
lifecycle钩子使用通过父组件@Input()
接收的值。您在组件内部所做的任何操作都不会调用该钩子。请检查控制台。0.父组件订阅游戏服务中的卡数组行为主题。1.用户单击2张卡。(子组件)2.父组件从子组件接收卡数据的值。3.父组件调用游戏服务,游戏服务更新其行为主题,并将更新后的cardArray转发给父组件。4.父组件重新渲染其视图,@将更新的值(例如翻转)输入到每个子组件。我至少共享您的组件路径。最好的选择是分享一场闪电战。这对我们和你来说都会更容易解释。module/game/components要求人们下载、构建和运行你的应用程序以帮助你解决问题似乎有点过分,你不觉得吗?