javascript - aurelia js html コンポーネント

Question

jquery プラグインを使用してスライドショーを作成する customElement を作成しようとしています。このプラグインには、jspm パッケージ ofc はありません。私は jspm にあまり詳しくないので、作成したくなかったのです。

そのため、js ファイルとその依存関係をシステムローダーに追加すると、それも読み込まれます。

ここで、カスタム要素でプラグインを呼び出す bind-method を持つ customElement を作成したいと思いました。（そこにある私のコードを参照してください）。問題は、コンストラクターまたは bind メソッドがまったく呼び出されないことです。何もレンダリングされません。

*.js:

import {bindable, customElement, inject} from 'aurelia-framework';
import $ from 'jquery';
import 'jquery.bxslider';


@customElement('slider')
export class NewsSlider {
    constructor(element)
    {
        this.elem = element;
    }
    bind() {
        console.log('test');
    }
    @bindable items;
}

*.html:

<template>
    <ul class="bxslider" ref="slide">
        <li repeat.for="newsItem of items">
            <div class="slide-container quote" css="background-image: url('/backend/content/${newsItem.Image}'); background-size: cover; height: 650px;">
                <div class="overlay">
                    <h2> ${newsItem.Title} </h2>
                    <p> ${newsItem.Content} <p/>
                </div>
            </div>
        </li>

    </ul>
</template>

使用法：

<template>
    <require from="./slider" />
    <p repeat.for="new of news">
        ${new.Content}
    </p>
<slider items.bind="news"></slider>
</template>