1

以前のバージョンから「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>

これはアルファ 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>正常に動作します。

ありがとう

4

1 に答える 1

1

Ionic フォーラムから

カスタム コンポーネントの場合は、コンポーネントに 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 ページ ディレクティブ。

于 2016-02-02T19:56:58.013 に答える