Angular 2 (Ionic 2)：无法在页面内“渲染”组件

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 {

}

content.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 {

}

Answer 2

我不知道，但通常在Angular2中，您需要在@Component({ ..., directives: [Menu], ...}){ ...}中列出在模板中使用的组件