javascript - Angular 2( ionic 2): can't "render" Component inside Page

Question

我构建了一个 Angular 2 组件:

import {Component, View} from 'angular2/core';

@Component({
    selector: 'sidemenu'
})
@View({
  templateUrl: 'build/pages/menu/menu.html',
})
export class Menu {
}

在页面组件中，我无法在模板中使用它:

import {Menu} from '../menu/menu';
@Page({
  templateUrl: 'build/pages/content/content.html'
})
export class PO {

}

内容.html:

<ion-content>
<sidemenu></sidemenu>
</ion-content>

不会被菜单组件的“html”(build/pages/menu/menu.html)替换。但是如果我使用dynamicComponentLoader从DOM加载元素内的组件，它就可以工作(我这样做是为了检查组件是否正常)。我错过了什么吗？

Answer 1

指令:[菜单]

import {Menu} from '../menu/menu';
@Page({
    templateUrl: 'build/pages/content/content.html',
directives: [Menu]
})
export class PO {

}