Ionic2 ionic 2:*用于不显示数据
我只在我的应用程序中使用一个模块。 我尝试了许多解决方案,但没有解决这个问题。 控制台中没有任何错误。 这是我的密码 电影公司Ionic2 ionic 2:*用于不显示数据,ionic2,ngfor,Ionic2,Ngfor,我只在我的应用程序中使用一个模块。 我尝试了许多解决方案,但没有解决这个问题。 控制台中没有任何错误。 这是我的密码 电影公司 import { Component } from '@angular/core'; import { NavController, NavParams } from 'ionic-angular'; import { Http } from '@angular/http'; import 'rxjs/add/operator/map'; import { Storag
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
import { Storage } from '@ionic/storage';
@Component({
selector: 'page-movie',
templateUrl: 'movie.html',
})
export class Movie {
http: any;
movies_cats: any;
constructor(public navCtrl: NavController, public navParams: NavParams, private storage: Storage, http: Http) {
this.http = http;
return this.http.get('link.php?a=' + this.navParams.data.code + '&m=' + this.navParams.data.mac + '&s=' + this.navParams.data.serial + '&k=' + this.navParams.data.key + '&p=vodMovieList')
.map(res => res.json())
.subscribe(response => {
this.movies_cats = response.vod_categories.vod_category;
console.log(this.movies_cats);
});
}
}
movie.html
<ion-header>
<ion-navbar>
<ion-title>movie</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-grid class="grid_div">
<ion-row class="grid_row">
<ion-col col-3 class="grid_col">
<ion-scroll scrollY class="scroll_bar">
<div class="scroll-item" *ngFor="let cat of movies_cats">
<p>name</p>
</div>
</ion-scroll>
</ion-col>
<ion-col col-9>SUB CATEGORIES</ion-col>
</ion-row>
</ion-grid>
</ion-content>
最后,我希望div重复3次,比如响应中的对象数,而不打印cat。
问题是,在movie.ts中,HTML中没有显示任何内容,尝试将movies\u cats声明为public?为了补充答案,您还可以使用
{{cat.caption}
@Guymage来显示特定部分,我试过了,但不起作用。我觉得你需要ngFor分区中的
标记。现在它是否打印了3次姓名?@Eric Semwenda是的,应该这样做。请解释你的答案。只有代码的答案被认为是低质量的,可能会导致删除。
import { FormsModule} from '@angular/forms';
import { CommonModule } from '@angular/common';
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
CommonModule
],
import { FormsModule} from '@angular/forms';
import { CommonModule } from '@angular/common';
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
CommonModule
],