Angular - показывать дополнительный div после клика

Question

Я бы сделал какую-нибудь кнопку с дополнительным div, как на фото.Важно то, что желтый прямоугольник не может перемещать элемент вокруг.Можете ли вы помочь, пожалуйста?

Answer 1

Этот пример стекаблика выполняет то, что вам нужно.

https://stackblitz.com/edit/angular-cnbzuv?embed=1&file=src/app/app.component.ts

HTML

<button style="float: right;" (click)="clicked()">click me</button>
  <div *ngIf="buttonClicked" style="clear:both; with:100%; text-align: center; padding:10vh; border-style: solid; border-color: yellow;">Div content here</div>

Компонент

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

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

  clicked(){
    this.buttonClicked = !this.buttonClicked;
  }
}