We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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

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.




1 Reply

JD Jayakumar Duraisamy Syncfusion Team February 11, 2019 07:21 AM UTC

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 


Loader.
Live Chat Icon For mobile
Up arrow icon