Aurelia组件绑定

Question

我是这个框架的新手,我想知道是否有一个组件绑定允许您指定要在常规HTML元素上使用的组件而不是自定义HTML元素.

假设我们有一个Message组件.是否有可能将其用作:

<div component="message"></div>

代替

<message></message>

Knockout.js支持它们的组件:"组件"绑定.

Answer 1

是的!您可以使用as-element自定义属性执行此操作.

这是一个例子:https://gist.run？id = 5fc98df81dff7eec2868ea918f6342fb

app.html

<template>
   <require from="./message"></require>

   <message say="Say"></message>

   <div as-element="message" say.bind="what"></div>
</template>

app.js

export class App {
  what = 'What!'
}

message.html

<template>
  <h1>${say}</h1>
</template>

message.js

import {bindable} from 'aurelia-framework';

export class MessageCustomElement {
  @bindable say = '';
}

呈现