Я пытаюсь отобразить данные из firebase при нажатии кнопки, но не отображается. Ниже приведены 3 файла, которые я написал.Данные из firebase не отображаются угловые 2 beta
firebase.service.ts
import { Injectable } from 'angular2/core';
import { Http, Response } from 'angular2/http';
const myFirebase = 'https://*****.firebaseio.com';
@Injectable()
export class FirebaseService {
constructor(private _http: Http) {}
getPages() {
return this._http.get(myFirebase + '/pages_name.json')
.map((res:Response) => res.json());
}
}
app.component.ts
import { Component } from 'angular2/core';
import { FirebaseService } from '../../../firebase.service';
@Component({
selector: 'app',
template: require('./app.template.html'),
providers: [
FirebaseService
]
})
export class LoginTest {
public pages;
constructor(private _firebaseService: FirebaseService) {}
onGetPages() {
this._firebaseService.getPages()
.subscribe(
data => { this.pages = data},
error => console.log(error)
);
}
}
app.template.html
<div class="fixed_width" id="sec2_holder">
<div id="get-pages">
<h2 style="color: white">Get Pages</h2>
<button (click)="onGetPages()">Get Pages</button>
</div>
<ul>
<li *ngFor="#page of pages">{{page.name}}</li>
</ul>
</div>
Он re является филиалом в моей базе: pages in firebase
Что-то не так с моим кодом?
Какую версию 'angular2' вы используете? – PierreDuc
Я использую 2.0.0-beta.15 – Yin
Кроме того, рекомендуется обновить, можете ли вы изменить 'data => {this.pages = data}' на 'data => {console.log (data)}' , и добавьте вывод в свой ответ – PierreDuc