我正在尝试构建一个反馈输入组件,它适用于角度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 { ... }
这是屏幕渲染的方式:
控制台上没有显示错误