如何使用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。

然后按钮可以用selector显示：<login-button></login-button>（不需要显式导入）

如何使用ionic2制作自定义元素组件？

How to make a custom element component with ionic2?

components

elements

ionic2

angular