我知道你可以使用ngStyle来设置元素的样式。但是,我如何获取元素的样式(即浏览器呈现的默认样式)?
这段代码不起作用,但表达了我想要做的事情:
<p>TEXT</p>
width of TEXT element is {{textElement.width}}
height of TEXT element is {{textElement.height}}
我希望p元素能够像普通情况下一样渲染(由浏览器自己决定,不指定宽度或高度)。然而,我想知道渲染后的宽度和高度是多少。我该如何绑定来捕获这些信息?
编辑:有些人问我想用宽度和高度做什么。我想做的事情类似于这样:
<p *ngIf="!isEditing">{{myText}}</p>
<textarea *ngIf="isEditing" [(ngModel)]="myText"></textarea>
默认情况下,显示 p 而不显示 textarea。如果用户进入编辑模式,则会将 p 替换为 textarea。我希望设置 textarea 的宽度和高度与 p 相匹配,以使过渡看起来无缝。是否有更好的方法来实现这一点?