Angular 角7事件绑定

您能否告诉我，在不使用变量和事件绑定的情况下，使用按钮单击事件切换显示和隐藏div内容。示例代码

<form>
   <div *ngIf="--CAPTURE BUTTON CLICK EVENT HERE--">
     <span>Welcome</span>
   </div>
   <button type="submit">Click Me</button>
</form>

请向我建议如何在*ngIf中侦听按钮单击事件的解决方案。

您可以这样做

<form>
   <div *ngIf="state">
     <span>Welcome</span>
   </div>
   <button type="submit" (click)=state = !state>Click Me</button>
</form>

例如：-

<form>
   <div *ngIf="clicked">
     <span>Welcome</span>
   </div>
   <button type="button" (click)="onClicked()">Click Me</button>
</form>

---

你需要它干什么？根本不清楚你在问什么。。。点击绑定语法是基本的，如果不熟悉，请阅读文档。如果您认为标准事件绑定不起作用是有原因的，请说明原因以及您试图实现的目标。如果您不确定要在此处实现什么，您只希望在用户单击按钮时显示按钮？如果不是，为什么不使用一个变量，当用户单击按钮时，该变量会改变值？为了先解决这个问题，我想你忘了添加。。。单击事件的操作定义之后。第二，用户明确要求不能使用变量。@piotrszybicki我理解用户所说的，但答案是为了实现结果而假设的，因为它没有清楚地提到他为什么这样做。为了解决这个问题，他说没有变量。@Wasiq Muhammad给出了同样的确切答案。你只是复制了他的解决方案。自从否决投票以来，我很抱歉错过了它@piotrszybicki

import {Component, OnInit} from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

 clicked = true;
 onClicked() {
 this.clicked = !this.clicked }
 }