кнопка для изменения размера div

Question

Я хотел бы создать кликабельную иконку, в которой, как только я нажму на нее, я смогу изменить размер div, чтобы сделать его полноразмерным для браузера.Это то, что у меня есть для html, и я хотел знать, какие возможные способы справиться с этой функциональностью.

<div>
    <a (click)="onResize($event)" class="icon-resize"></a>
</div>

html, который я хотел бы расширить:

<div id="editview">
        <iframe id="editFrame"></ifram>
</div>

public onResize(event:any) {
        event.target.innerWidth;
    }

Answer 1

Если вы хотите полноэкранный Windows с ifram, вы можете использовать anmation с angular.попробуйте Смотреть: https://coursetro.com/posts/code/63/Angular-4-Animation-Tutorial с помощью триггера анимации вы можете применить ширину CSS: 100% для полного экрана