Связывание компонента Aurelia

Question

Я новичок в этой структуре, и мне было интересно, существует ли привязка компонента, которая позволяет указать компонент, который будет использоваться в обычном HTML-элементе, а не в обычном.

Предположим, у нас есть компонент Message. Можно ли использовать его как:

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

вместо

<message></message> 

Knockout.js поддерживает это для их компонентов: The "component" binding.

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

оказал