如何在Aurelia app中使用外部自定义元素(插件)?

时间:2015-10-10 04:23:21

标签: javascript aurelia custom-component

我在github repo中定义了一个自定义元素。然后我在另一个应用程序中jspm install'表示元素。

在其他应用中导入此元素的正确方法是什么?当我在应用配置中调用aurelia.use.plugin('aurelia-custom-element')时,它会说它无法找到aurelia-custom-element.js

奥里利亚-定制element.html:

<template>
<div>Hello world, from Aurelia custom element!</div>
</template>

奥里利亚-定制element.js:

import {customElement, bindable} from 'aurelia-framework';

@customElement('aurelia-custom-element')
export class AureliaCustomElement {
}

index.js:

export * from './aurelia-custom-element';

export function configure(config){
  config.globalResources('./aurelia-custom-element');
}

1 个答案:

答案 0 :(得分:1)

您放置aurelia.use.plugin('[here]')的内容应与您安装的jspm相匹配。

例如,如果包含您的插件的github repo是https://github.com/uavalos/mega-plugin,您将执行jspm install github:uavalos/mega-plugin来安装插件。要加载插件,您需要编写aurelia.use.plugin('uavalos/mega-plugin')

如果您分享插件的网址,我可以提供更具体的帮助。