CODEWITHSUNDEEP
angular
sushil kumar
sushil kumar

Reputation: 31

components is not working in angular js 2

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?

Upvotes: 0

Views: 292

Answers (1)

micronyks
micronyks

Reputation: 55443

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]
})

Upvotes: 1

Related Questions