ionic-framework - angular 2 组件内的图标不再起作用

Question

从更早的版本更新为“ionic-framework”：“2.0.0-alpha.53”。并添加了这个依赖：“ionicons”：“3.0.0-alpha.3”。

我在我的 html 中将它用于 Angular 2 组件。除了我尝试使用离子图标之外，此 html 中没有离子内容。

<div class="saveButton icon ion-md-add"
    (click)="onSaveSelected()"></div>

这在 alpha 42 中有效。如何在 angular 2 组件中使用离子图标？我尝试了以下方法：

<div class="saveButton icon ion-md-add"
    (click)="onSaveSelected()">

    <ion-icon name="heart"></ion-icon>
</div>

这只是显示一个空白 div。

每当我<ion-icon name="heart"></ion-icon>在 a 内使用这条线时，<ion-menu>它都可以正常工作。

谢谢

Answer 1

来自离子论坛

如果是自定义组件，则需要在组件中包含 IONIC_DIRECTIVES：

import {Component} from 'angular2/core';
import {IONIC_DIRECTIVES} from 'ionic/ionic';

@Component({
  selector: 'my-component'
  template: `<div class="my-style">
              <ion-icon name="heart"></ion-icon>
            </div>`,
  directives: [IONIC_DIRECTIVES]
})
export class MyCustomComponent {}

离子页面指令。