Angular 2(Ionic 2）:无法“渲染”页面内的组件

Angular 2 (Ionic 2): can't "render" Component inside Page

本文关键字：组件 渲染 Ionic 无法 Angular      更新时间：2023-09-26

我构建了一个 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 加载元素中的组件，它可以工作（我这样做是为了检查组件是否正常）。我错过了什么吗？

指令： [菜单]

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

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

相关文章：