如何使用ionic2制作自定義元素組件？

Question

我定義了一個登錄按鈕組件，如下所示：

import { Component } from '@angular/core';

@Component({
  selector: 'login-button',
  template:
    `<ion-buttons end>
      <button ion-button round (click)="openLogin()">
        Login
        <ion-icon name="arrow-up"></ion-icon>
      </button>
    </ion-buttons>
    <ng-content></ng-content>
    `
})

export class LoginButton {

  constructor() {
    console.log('Hello LoginButton');
  }
}

在app.module.ts其注冊為提供程序，然后在html文件中使用它：

<ion-content padding>
</ion-content>
<ion-footer>
  <ion-navbar>
    <button ion-button icon-only menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>
      Fragen
    </ion-title>

    <login-button></login-button>
  </ion-navbar>
</ion-footer>

沒有錯誤訊息。 調用了構造函數，但是模板未填充到元素中。 顯然，缺少一個步驟。 哪一個？

Answer 1

無需將其注冊為provider ，而將其注冊為declarations和entryComponents下的entryComponents 。

然后可以使用selector顯示按鈕： <login-button></login-button> （無需顯式導入）