title: How to get element's width/height within directives and component?
body: <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>