I want to create a separate ts file (eg: imports.ts) which will consist all my imports syntax and whichever component file will need the import I just want to reference the imports file rather than writing the whole set of import again, please suggest me how can I attain this.
Example:
imports.ts should be something like
import {Component, View, bootstrap} from 'angular2/angular2';
import {foo} from 'fooMod';
and other ts like
//here i need the help how can i import from imports.ts
@Component({
selector: 'display'
})
@View({
template: `
<p>My name: {{ myName }}</p>
`
})
class DisplayComponent {
myName: string;
constructor() {
this.myName = "Alice";
}
}
One way would be to create a wrapper object that imports and exposes other dependencies as properties. You can then import that single umbrella object to gain access to the other modules.