javascript – 有条件地使用Aurelia显示元素

所以我有我的auth类注入我的main.js：

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; }
}

@H_489_4@所以在我的app.html

<form>
    <!-- form login elements -->
</form>

@H_489_4@如何根据我的应用程序getter函数有条件地显示此元素.

<form>
      <div if.bind="auth.isLoggedIn">
        <!--this DOM element will be bind only if auth.isLoggedIn is true-->
      </div>
 </form>