title: Conditionally display Element using Aurelia
body: <p>So I have my <code>auth</code> class injected into my <code>main.js</code>:</p>
  
  <pre><code>import {Auth} from 'auth';
  import {inject} from 'aurelia-framework';
  
  @inject(Auth)
  export class App {
      constructor(auth) {
          this.auth = auth;
      }
  
      get isLoggedIn() { return this.auth.isLoggedIn; }
  }
  </code></pre>
  
  <p>so in my <code>app.html</code></p>
  
  <pre><code>&lt;form&gt;
      &lt;!-- form login elements --&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>how do I make this element conditionally display based on my app getter function.</p>