components is not working in angular js 2

Question

Default component is :

import {Component} from 'angular2/core';
import {MyComponentComponent} from './mycomponentcomponent';

@Component({
    selector: 'my-app',
    template: `
        <h1>Angular 2  Demo</h1>
        <p>Hello World Testing</p>
        <test-app></test-app>

    `,
    directories:[MyComponentComponent]
})
export class AppComponent {

}

And Second Component:

import {Component} from 'angular2/core';

@Component({
    selector: 'test-app',
    template: '
        <h1>TEST APP</h1>
        <p>TEST APP -> Hello World Testing 12</p>
    ',
})
export class MyComponentComponent {

}

But it is showing a javascript error. May i know please where am i doing mistake?

directories should be directives, I guess you are using older version of angular2, please upgrade it to Angular 2 final — Pankaj Parkar
– Pankaj Parkar, Commented Oct 5, 2016 at 16:25

micronyks · Accepted Answer · 2016-10-05 16:32:09Z

1

For older version of Angular2,

change

directories:[MyComponentComponent]

to

directives:[MyComponentComponent]

For newer version of Angular2,

please remove directories:[MyComponentComponent] from @Component({}) of AppComponent

and add it to @NgModule({}) as shown here,

@NgModule({
   ...
   declarations :[AppComponent, MyComponentComponent]
})

answered Oct 5, 2016 at 16:32

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

Collectives™ on Stack Overflow

components is not working in angular js 2

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