javascript - Aurelia 中的可选视口(viewport)

Question

我正在设置一个具有多个视口(viewport)的应用程序。但是我希望其中一个视口(viewport)是可选的，即如果视口(viewport)未在特定 route 定义，则它不应呈现。但是，如果我尝试这样做，Aurelia 会抛出错误。还有其他方法可以使视口(viewport)可选吗？

Answer 1

如果 aurelia 中没有对此的内置支持，您可以将不需要的视口(viewport)点配置为具有以下逻辑的模块:

import {noView, inject} from 'aurelia-framework';

@noView
@inject(Element)
export class HiddenViewPort {
  constructor(element) {
    this.element = element;
  }

  activate() {
    // hide the router-view element
    this.element.parentNode.classList.add('aurelia-hide');
  }

  deactivate() {
    // show the router-view element
    this.element.parentNode.classList.remove('aurelia-hide');
  }
}