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制作自定义元素组件？

1 个答案: