角度2（离子2）：可以＆＃t;＃34;渲染＆＃34;页面内的组件

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>

未被菜单组件＆＃34; html＆＃34;取代。 （建/页/菜单/ 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

我不知道Ionic，但通常在Angular2中，您需要列出@Component({ ..., directives: [Menu], ...}){ ...}

中模板中使用的组件