javascript - 切换按钮以调整 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

如果你想用 ifram 显示完整的 Windows，你可以使用带 Angular 动画。尝试捕捉:https://coursetro.com/posts/code/63/Angular-4-Animation-Tutorial使用动画触发器，您可以为全屏应用 css width:100%