gpt4 book ai didi

angular - 如何使用@output 将一个 bool 值从子对象发送到父对象

转载 作者:行者123 更新时间:2023-12-02 01:10:38 25 4
gpt4 key购买 nike

嗨 Angular 社区,

我想使用@Output 触发事件来隐藏或打开/关闭包含其他组件的 div。这很简单,但我以前从未使用过 EventEmitter,所以我想当 hideDem 被调用时,它会根据来自 child.ts 的其他属性隐藏或打开/关闭 div

child.html:

 <img type="button" label="Click" (click)="hideDem()" id="foldup" src="./assets/img/fold_up_blacksmall.png"/>

child.comp.ts:

@Output() open: EventEmitter<any> = new EventEmitter();
@Output() close: EventEmitter<any> = new EventEmitter();

public hideDem(): void {
this.hideMePartially = !this.hideMePartially;
if (this.hideMePartially) {
this.open.emit(true);
} else {
this.close.emit(false);
}
}

parent.comp.html

 <div class="daydetail"> 
<div><my-daydetail [showMePartially]="showVar" ></my-daydetail></div>
<div [hidden]="(close)=hideDem($event)">
<div>
<app-pie-chart [minifiedMe]="hideMeup" ></app-pie-chart>
</div>
<div>
<app-fonctionnaly [minifiedMe]="hideMeup"></app-fonctionnaly>
</div>
<div>
<app-my-verticalchart [minifiedMe]="hideMeup" ></app-my-verticalchart>
</div>
<div>
<app-dysfonction [showMePartially]="hideVar"></app-dysfonction>
</div>
</div> <!-- End of hidden-->
</div> <!-- End of daydetail-->

最佳答案

[hidden]="(close)=hideDem($event)"

是无效标记。 (close) 不能在另一个绑定(bind)的表达式中。

<my-daydetail [showMePartially]="showVar" 
(close)="isHidden = true" (open)="isHidden = false"></my-daydetail>
<div [hidden]="isHidden">

关于angular - 如何使用@output 将一个 bool 值从子对象发送到父对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45323052/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com