Question

当我点击同一个按钮时，我试图用hide / show元素创建一个布局。我在我的页面中这样做的原因我有很多按钮，为了最小化页面，我在右侧滑块中提供了一个选项，只选择他们想要使用的功能。

示例：

In the right slider layout i have the below code
<div class="col-md-6">
<div class="form-group">
<button class="btn cyan" dnd-draggable [dragEnabled]="true" (click)="cam1=1;">CAM 01</button>
</div></div>

当有人点击按钮时，我的主页应隐藏或显示凸轮01按钮。

This is my main page code
<div class="col-md-12">
<div class="col-md-2">
<div class="form-group">
<button class="btn" name="0x10000001"  (click)="mcxAppService.sendNotify($event)" id="0x10000001" value=1 *ngIf="cam1==1">CAM 01</button>
</div>
</div>

使用上面的代码，我可以点击显示。

Answer 1

无论是否应显示按钮，您都可以使用事件绑定：

<button class="btn cyan" dnd-draggable [dragEnabled]="true" (click)="cam1=!cam1;">CAM 01</button>

在这种情况下，cam1应该是一个布尔值。在您的主页面中，您可以使用

<button *ngIf="cam1">Cam 01</button>

但是，由于性能原因，不使用ngIf会更好。最好绑定到[hidden]="cam1"属性。

Answer 2

你也可以尝试这个：

Parent component
----------------------
ngOnInit() {
    // TODO: listen to child events and check if respose from all children received ?? 
}
save() {
    console.log("Saving elements on parent component");
    this.formService.save$.next(this.job.id);
}

Child 1
---------------- 
ngOnInit() {
    this.formService.save$.subscribe(() =>
        console.log("Save elements on child1 component");
        // TODO: some event from here to say child 1 is done saving. ? 
    );
}


Child 2
---------------- 
ngOnInit() {
    this.formService.save$.subscribe(() =>
        console.log("Save elements on child2 component");
        // TODO: some event from here to say child 2 is done saving.  ?
    );
}

隐藏并显示在相同的按钮角度2

2 个答案: