Ionic 2 - 自定义组件未按预期呈现

时间:2016-06-02 03:35:09

标签: angular ionic2

我正在尝试构建一个反馈输入组件,它适用于角度2应用程序但是当我尝试将它与Ionic组件一起用作ng-content时,输入不会按原样呈现。我已经导入了其他帖子中提到的IONIC_DIRECTIVES

使用Angular 2.0.0-rc.1和Ionic 2.0.0-beta.7

自定义组件(简化):

@Component({
  selector: 'app-feedback',
  directives: [IONIC_DIRECTIVES],
  template: `

  <ng-content></ng-content>
  <span>should render this..</span>

  `
})
export class AppFeedback {

}

用法:

@Page({
...
directives: [AppFeedback],
template: `

    <ion-content>
        <form (ngSubmit)="attemptLogin()" [ngFormModel]="form">
            <ion-item primary>
                <ion-label floating>Usuário</ion-label>
                <app-feedback>
                    <ion-input [(ngModel)]="cred.username" 
                        [ngFormControl]="form.controls.email" type="email" ></ion-input>
                </app-feedback>
            </ion-item>        
        </form>
    </ion-content>

`
})
export class LoginPage { ... }

这是屏幕渲染的方式:

控制台上没有显示错误

0 个答案:

没有答案