Question

默认组件是：

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错误。我可以知道我在哪里做错了吗？

Answer 1

对于旧版Angular2 ，

变化

directories:[MyComponentComponent]

到

directives:[MyComponentComponent]

<小时/> 对于较新版本的Angular2 ，

请从 AppComponent 的 @Component（{}）中删除directories:[MyComponentComponent]

并将其添加到 @NgModule（{}），如下所示，

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

组件在角度js 2中不起作用

1 个答案: