ref на слот-элементе в Aurelia

Question

В aurelia, используя слоты в пользовательском элементе, можно ли как-то использовать элемент ref на слоте (возможно, новая функция для команды Aurelia?), Проблема github thingy, SO вместо github).

Пример:

element.html:

<template> 
    My super awesome element 
    <slot ref="slotContent"></slot> 
</template> 

element.ts

export class CollapsePanel 
{ 
    private slotContent: Element; 

    attached(): void 
    { 
     this.slotContent.classList.add("my-fancy-class"); 
    } 
} 

otherview.html

<element> 
    <div>This is some element content!</div> 
</element> 

оказываемые otherview.html

<element> 
    My super awesome element 
    <div class="my-fancy-class">This is some element content!</div> 
</element> 

Есть ли способ сделать это сейчас?

Answer 1

Вы заставите пользователя вашего компонента использовать элемент html, который может иметь свойство класса. Было бы лучше сделать что-то вроде этого:

Шаблон для пользовательского элемента

<template> 
    <div ref="slotContent"><slot></slot></div> 
</template> 

Код:

export class CustomElement 
{ 
    private slotContent: HTMLDivElement; 

    attached(): void 
    { 
     this.slotContent.classList.add("my-fancy-class"); 
    } 
} 

С пользовательского элемента (с TextNode вместо элемента HTML)

<customElement>foo</customElement>