Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Aurelia中将自定义元素替换为模板本身(而不是将其包含在自定义元素中)?_Javascript_Aurelia - Fatal编程技术网

Javascript 在Aurelia中将自定义元素替换为模板本身(而不是将其包含在自定义元素中)?

Javascript 在Aurelia中将自定义元素替换为模板本身(而不是将其包含在自定义元素中)?,javascript,aurelia,Javascript,Aurelia,假设我有一个自定义元素 我不想将标记呈现到标记中,而是想替换它们,以便“foobar”元素不再是DOM的一部分。我相信Angular是通过transclude属性实现的 在Aurelia中是否有这样做的方法?您需要在组件上使用无容器的装饰器 从文档中: @containerless()。这不能与@sync或@useShadowDOM一起使用。它也不能用于代理行为 因此,您的组件应该如下所示: import {customElement, bindable, containerless} from

假设我有一个自定义元素
我不想将标记呈现到标记中,而是想替换它们,以便“foobar”元素不再是DOM的一部分。我相信Angular是通过transclude属性实现的


在Aurelia中是否有这样做的方法?

您需要在组件上使用
无容器的装饰器

从文档中:

@containerless()。这不能与
@sync
@useShadowDOM
一起使用。它也不能用于代理行为

因此,您的组件应该如下所示:

import {customElement, bindable, containerless} from 'aurelia-framework';

@customElement('say-hello')
@containerless()
export class SayHello {
  @bindable to;

  speak(){
    alert(`Hello ${this.to}!`);
  }
}