如何使用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> （无需显式导入）