creating typerscript classes in separate files and using them in angular2 components

Question

We are developing a new App in Angular2 with typescript. Is there any cleaner way to declare all the classes and interfaces in separate files and referencing them in angular2 components .

import {Component, OnInit, Pipe} from 'node_modules/angular2/core';
import { HTTP_PROVIDERS, Http, Response, Headers } from 'node_modules/angular2/http';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, Router } from 'node_modules/angular2/router';
import { Observable } from 'node_modules/rxjs/Rx';

@Component({
  selector: 'my-App',
  templateUrl: '/app/Index.html',
  directives: [ROUTER_DIRECTIVES, NewEvent]   })
//instead of writing class here , is there any way to declare this class in a
//separate file and injecting it here. 
export class Events    {    }

All your imports at the top of the line import classes from other files. You can do the same. See also plnkr.co/edit/?p=preview — Günter Zöchbauer
– Günter Zöchbauer, Commented Jul 18, 2016 at 15:38

Thierry Templier · Accepted Answer · 2016-07-18 15:45:06Z

1

You need to declare the class of components within the same module than decorators applied on them.

@Component({ // Applied decorator
  (...)
})
export class Events { // Component class
}

Decorators and classes can be imported from other modules:

import {Component} from '@angular/core'; // decorator from Angular2

import {SomeOtherClass} from './some-module'; // custom class

answered Jul 18, 2016 at 15:45

Thierry Templier

203k44 gold badges407 silver badges366 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

creating typerscript classes in separate files and using them in angular2 components

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related