How to get element's width/height within directives and component?
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>@Component({
    selector: '.donation',
    template: `
    &lt;figure id="donation" move&gt;
        &lt;img src="image/qrcode.png"/&gt;
        &lt;figcaption&gt;
        Buy me a cup of coffee.
        &lt;/figcaption&gt;
    &lt;/figure&gt;
    `
})
export class DonationComponent{}

@Directive({
    selector: '[move]'
})
export class MoveDirective{}</code></pre>
</div>
</div>
</p>
<p>Hey, I want to get the <code>&lt;figure id=&quot;donation&quot;&gt;</code> element's width/height within <code>MoveDirective</code> and <code>DonationComponent</code>. I have read the documentation several times but still cannot find a way to this answer. Does somebody know this? Thanks a lot!</p>