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中有效。如何在角度2组件中使用离子图标？我尝试过以下方法：

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

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

这只是显示一个空白的div。

每当我在<ion-icon name="heart"></ion-icon>内使用此行<ion-menu>时，它都能正常工作。

由于

Answer 1

From Ionic Forum

如果是自定义组件，则需要包含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 {}

Ionic Page Directives.

角2组件内的图标不再有效

1 个答案: