在Aurelia.js中作曲确实有一个事件

Does compose in Aurelia.js have an events?

本文关键字：有一个 事件 Aurelia js      更新时间：2023-09-26

我想知道有没有一种方法可以绑定到compose属性的一些回调是Aurelia.js.

我正试着做一些类似的事情

view.html

<a click.delegate="changeTab('first')">Tab 1</a> 
<a click.delegate="changeTab('second')">Tab 2</a> 
<a click.delegate="changeTab('third')">Tab 3</a>
<compose view-model.bind="tab"></compose>

在每个选项卡上，我在attached事件上都有相同的代码

first.js

import {inject} from 'aurelia-framework';
@inject(Element)
export class First {
    constructor(element) {
        this.element = element;
    }
    attached() {
        $(this.element).find('code').each(function () {
            Prism.highlightElement($(this)[0]);
        });
    }
}

问题是

<compose>是否有我可以绑定到它的类似事件？我是说

view.html

<compose view-model.bind="tab" attached.bind="composeAttached()"></compose>

这样做的"Aurelia方式"是：

import {inject, customAttribute} from 'aurelia-framework';
@customAttribute('syntax-highlight')
@inject(Element)
export class SyntaxHighlight {
  constructor(element) {
    this.element = element;
  }
  attached() {
    Prism.highlightElement(this.element);
  }
}

<pre><code syntax-highlight>...</code></pre>
相关文章：