角度2組件內部的圖標不再起作用

Question

從更早的版本更新為“ ionic-framework”：“ 2.0.0-alpha.53”。 並添加了此依賴項：“ ionicons”：“ 3.0.0-alpha.3”。

我在Angular 2組件的html中使用了它。 除了我嘗試使用離子圖標外，此html中沒有其他離子內容。

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

這在alpha 42中有效。如何在角度2組件中使用離子圖標？ 我嘗試了以下方法：

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

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

這只是顯示一個空白的div。

每當我在<ion-menu>內使用此行<ion-icon name="heart"></ion-icon> ，它都可以正常工作。

謝謝

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 {} 

離子頁面指令。