Блог

Главная - Вопросы по программированию - компоненты не работают в angular js 2

компоненты не работают в angular js 2

#angular

#angular

Вопрос:

Компонент по умолчанию :

 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 {

}

И второй компонент:

 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 {

}

Но он показывает ошибку javascript. Могу ли я узнать, пожалуйста, где я делаю ошибку?

Комментарии:

1. Пожалуйста, добавьте точное сообщение об ошибке к вашему вопросу.

2. directories должно быть directives , я предполагаю, что вы используете более старую версию angular2, пожалуйста, обновите ее до Angular 2 final

3. какую версию вы используете?

Ответ №1:

Для более старой версии Angular2,

изменить

 directories:[MyComponentComponent]

Для

 directives:[MyComponentComponent]

Для более новой версии Angular2,

пожалуйста, удалите directories:[MyComponentComponent] из @Component({}) AppComponent

и добавьте его в @NgModule({}), как показано здесь,

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