我目前有这个代码:
<div class="ui segment" *ngFor="let message of models | async">
<team-message [model]="message" [users]="users" (onReply)="handleMessageReply($event)"></team-message>
</div>
在测试中,我注意到对消息的任何更改都会导致受影响的team-message
组件被重新渲染。我目前Replies
在每个team-message
组件中都有一个可折叠部分,每次用户提交回复时它都会关闭——折叠是默认状态——我不希望这种情况发生。
我的印象是,这种智能组件/哑(ish)组件方法不应该导致我的“触摸”team-message
组件持续重新渲染,但它确实如此。
我有什么办法可以防止此 Lifecycle Hook 再次被调用,或者将回复打开/关闭状态传递给后续组件?