我们使用异步管道输出af.database.object的值,如下所示。
import {Component} from '@angular/core';
import {AngularFire, FirebaseObjectObservable} from 'angularfire2';
@Component({
selector: 'app-root',
template: `
<h1>{{ (item | async)?.name }}</h1>
`,
})
export class AppComponent {
item: FirebaseObjectObservable<any>;
constructor(af: AngularFire) {
this.item = af.database.object('/item');
}
}
但是我一直试图在Ionic 2表格字段上做同样的事情来预先填充表格进行编辑(在下面的代码中)但是没有成功。
<ion-input type="text" [(ngModel)]="product.name" name="content" value="{{ (item | async)?.name }}" required></ion-input>
这之前适用于我的Angular 2网站编辑表单。但似乎在使用Ionic 2中的离子输入场时,它不起作用。