Angular2/Javascript - forループ内で生成された変数の新しい値を取得します。

Question

forループ内で更新された変数の値を取得し、スコープ外にアクセスします。このため

私が持っている： Page.htmlを

<div [options]="Pages"> 
    <div *ngFor="#cat of category"> 
     <div class="newCategory">The new category will appear here!</div> 
    <div> 
</div> 

Page.js

constructor(viewCtrl, http, navParams) { 
    this.viewCtrl = viewCtrl; 
    this.navParams = navParams; 
    this.http  = http; 
    this.category = null; 

    this.http.get('https://website.com/api', { search }).subscribe(data => { 
    this.category = data.json().results; 
    }); 

    //I want to print the new value of 'this.category' here 
    //e.g: console.log(this.category); 

    this.Pages = { 
    pagination: '.swiper-pagination', 
    slidesPerView: 1, 
    paginationClickable: true, 
    paginationBulletRender: function (index, className) { 
    //also I want to access it here 
    return '<span class="' + className + '">' + this.category[index+1] + '</span>'; 
    } 
    } 
} 

私は、新しい値を読み取るためにグローバル変数を持っている必要がありますか変数？それとも別のものが必要ですか？

Answer 1

を変更する必要がある

<div class="newCategory">{{cat}}</div> 

、その後、あなたが格納されますすることができます値の範囲外this.http.get()

Answer 2

質問についてはわかりません。推測：コンストラクタはそれを行うための最善の方法は、アレイ内でthis.categoryやループ、それを格納することです

constructor(viewCtrl, http, navParams) { 
     this.viewCtrl = viewCtrl; 
     this.navParams = navParams; 
     this.http = http; 
     this.category = null; 

     this.http.get('https://website.com/api', { search }).subscribe(data => { 
     this.category = data.json().results; 
     //I want to print the new value of 'this.category' here 
     //e.g: console.log(this.category); 


       this.Pages = { 
      pagination: '.swiper-pagination', 
      slidesPerView: 1, 
      paginationClickable: true, 
      paginationBulletRender: function (index, className) { 


      //also I want to access it here 


      return '<span class="' + className + '">' + this.category[index+1] + '</span>'; 
      } 
      } 


     }); 
     }