Using Aurelia without the aurelia-bridge how do you import components globally?

[dan]

Current example using the button control

mybutton.html

<template>
  <div style="margin: 50px;">
    <button id="normalbtn">Normal</button>
  </div>
</template>

mybutton.js

import { Button } from '@syncfusion/ej2-buttons';


export class Syncfusion {
constructor(){

}
attached(){
  let button = new Button();
  button.appendTo('#normalbtn');
}
}

main.js

import '@syncfusion/ej2-buttons/styles/material.css'

In this example I am importing the button on a specific page.

1) .  How would I import button so I can use it on any page without have to add the import statement on each page.  

2) How do I import all controls and be able to use them on any page without adding the import statement?

3) In addition to importing all controls I would also like to import material design css for all of the controls.

Thanks.

[Jayakumar Duraisamy]

Hi Dan,  

 

Currently we don’t have any immediate plan for Aurelia in Essential JS 2. Our feature implementation roadmap is often updated based on customer interest and unfortunately there are several other items in our list that have received more interest from customers than the Aurelia components, so we are unable to share the timeline of when Aurelia components for Essential JS 2 will be available. We will update you if there is any progress on this. 

 

Regards, 

Jayakumar D