Aurelia自定义元素没有外部节点

时间:2017-08-22 09:48:28

标签: aurelia aurelia-framework

是否可以让Aurelia在没有封装组件节点的情况下渲染自定义元素?或者用其内容替换自定义元素节点?

示例:

app.html

<template>
  <require from = "./components/custom-component.html"></require>
     <custom-component></custom-component>
</template>

app.ts

export class App {
}

定制component.html

<template>
    <p>This is some text from dynamic component...</p>
</template>

结果

enter image description here

基于此示例:aurelia是否可以将组件中的<p>元素呈现为<body>的直接子元素,以便不存在custom-component - 节点?

1 个答案:

答案 0 :(得分:2)

使用组件上的containerless属性。

示例:https://gist.run/?id=8e57000c7b8423dc0246a7006d90ba79

您还可以使用containerless()装饰器修饰自定义组件。 见:http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/9