title: ionic 2: *ngFor not displaying data
body: <p>ngFor Not working in the HTML.I am using only one module in my application.
  I tried many solution but didn't solve this problem.
  There isn't any error in console.
  Here is my code</p>
  
  <p>movie.ts</p>
  
  <pre><code>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 + '&amp;m=' + this.navParams.data.mac + '&amp;s=' + this.navParams.data.serial + '&amp;k=' + this.navParams.data.key + '&amp;p=vodMovieList')
        .map(res =&gt; res.json())
        .subscribe(response =&gt; {
          this.movies_cats = response.vod_categories.vod_category;
          console.log(this.movies_cats);
        });
    }
  }
  </code></pre>
  
  <p>movie.html</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;movie&lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content&gt;
    &lt;ion-grid class="grid_div"&gt;
      &lt;ion-row class="grid_row"&gt;
        &lt;ion-col col-3 class="grid_col"&gt;
          &lt;ion-scroll scrollY class="scroll_bar"&gt;
            &lt;div class="scroll-item" *ngFor="let cat of movies_cats"&gt;
              &lt;p&gt;name&lt;/p&gt;
            &lt;/div&gt;
          &lt;/ion-scroll&gt;
        &lt;/ion-col&gt;
        &lt;ion-col col-9&gt;SUB CATEGORIES&lt;/ion-col&gt;
      &lt;/ion-row&gt;
    &lt;/ion-grid&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { ErrorHandler, NgModule } from '@angular/core';
  import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
  import { SplashScreen } from '@ionic-native/splash-screen';
  import { StatusBar } from '@ionic-native/status-bar';
  import {IonicStorageModule} from '@ionic/storage';
  
  import { HttpModule} from '@angular/http';
  
  
  import { MyApp } from './app.component';
  import { HomePage } from '../pages/home/home';
  import { Categories } from '../pages/categories/categories';
  import { Live } from '../pages/live/live';
  import { Movie } from '../pages/movie/movie';
  
  
  @NgModule({
    declarations: [
      MyApp,
      HomePage,
      Categories,Movie,Live
    ],
    imports: [
      BrowserModule,HttpModule,
      IonicModule.forRoot(MyApp),IonicStorageModule.forRoot(),
    IonicStorageModule.forRoot({
        name: '__mydb',
           driverOrder: ['indexeddb', 'sqlite', 'websql']
      })
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      HomePage,
      Categories,Movie,Live
    ],
    providers: [
      StatusBar,
      SplashScreen,
      {provide: ErrorHandler, useClass: IonicErrorHandler},Storage
    ]
  })
  export class AppModule {}
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/83tK3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/83tK3.png" alt="JSON response"></a></p>
  
  <p>In the end I expect the div to be repeated 3 times such as the number of the objects in the response without printing cat.
  The problem is that nothing appears in the HTML</p>