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
  ],