Aurelia中的可选视口

Question

Aurelia中的可选视口

javascriptaurelia

4

我正在设置一个具有多个视口的应用程序。然而，我希望其中一个视口是可选的，即如果在某个路由中没有定义视口，则不应该渲染它。但是，如果我尝试这样做，Aurelia会抛出错误。是否有另一种方法使视口可选？

- Carvellis

2个回答

0

据我所知，不支持可选视口。我们的解决方法是使用一个没有任何内容的空模块：

import {inlineView} from 'aurelia-templating';

@inlineView('<template></template>')
export class EmptyViewModel {
}

- balazska

使用@noView将具有相同的效果。 - balazska

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jeremy Danyow · Accepted Answer

如果Aurelia没有内置支持，您可以将不需要的视口点配置为具有以下逻辑的模块：

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