がクラス

Question

のコンストラクタよりもどこでもエールは基本的に私はこのコードを持っているのjs $ロケール操作する：

class MainController { 
    constructor(id, $locale) { 
     this.id = id; 
     $locale.NUMBER_FORMATS.CURRENCY_SYM = '€'; //this works 
    } 

    $onInit() { 
     this._getCurrency(); 
    } 

    _getCurrency() { 
     this.getUserCurrency(this.id).then((currency) => { 
      $locale.NUMBER_FORMATS.CURRENCY_SYM = currency; // this does not work 
     }); 
    } 
} 

を私は私の$localeを変更したいが、約束が実行され、私はそれから結果を取得した後にのみ。

PS：私はまた、コンストラクタで_getCurrencyからコードを移動するために、より正確に、単にテスト目的のために何かをしようとしたが、事は$ロケールにも影響されないことである。

class MainController { 
    constructor(id, $locale) { 
     this.id = id; 
     $locale.NUMBER_FORMATS.CURRENCY_SYM = '€'; //this works 

     this.getUserCurrency(this.id).then((currency) => { 
      $locale.NUMBER_FORMATS.CURRENCY_SYM = currency; // this does not work 
     }); 
    }   
} 

getUserCurrencyは別のファイルに存在し、常にその通貨を返します。心配はありません。

編集：私はパンカジパーカー・ソリューションを使用しますが、それは動作しません、それをチェックアウト：私はthis does not workを言うとき

class MainController { 
    constructor(id, $locale) { 
     this.id = id; 
     this.$locale = $locale; 
     $locale.NUMBER_FORMATS.CURRENCY_SYM = '€'; //this works 
    } 

    $onInit() { 
     this._getCurrency(); 
    } 

    _getCurrency() { 
     this.$locale.NUMBER_FORMATS.CURRENCY_SYM = 'something'; //works but here I don't have the currency response yet 
     this.getUserCurrency(this.id).then((currency) => { 
      this.$locale.NUMBER_FORMATS.CURRENCY_SYM = currency; // this does not work 
     }); 
    } 
} 

私は$localeは、新しい値を取ることに気付きましたが、それはに更新されません。ページからは、ページからの通貨が約束の中で$ロケールが操作されたときには自動更新（$filter('currency')(input);）にはなりません。

私は$ evalAsync（）、$ scope。$ applyと$ scope。$ digestも試しましたが、ダイジェストが既に進行中であると言うエラーが表示されます。しかし、私がページ上で何らかの手動操作（例えばクリック）を行うと、ページの通貨は自動的に私が約束の中で設定した新しい値に更新されます。

Answer 1

getUserCurrency（）がクラスに存在しない可能性があります。

Answer 2

現在$localeスコープはconstructorでのみ利用可能です。したがって、コンストラクタ関数の外部では使用できません。あなたは活字体

class MainController { 
    constructor(id, $locale) { 
     this.id = id; 
     this.$locale = $locale; 
    } 

    $onInit() { 
     this._getCurrency(); 
    } 

    _getCurrency() { 
     this.getUserCurrency(this.id).then((currency) => { 
      //use _locale as $locale reference 
      this.$locale.NUMBER_FORMATS.CURRENCY_SYM = currency; 
     }); 
    } 
} 

---

バージョン

ES6

以下

class MainController { 
    _locale: any; 
    constructor(id, $locale) { 
     this.id = id; 
     this._locale = $locale; 
    } 

    $onInit() { 
     this._getCurrency(); 
    } 

    _getCurrency() { 
     this.getUserCurrency(this.id).then((currency) => { 
      //use _locale as $locale reference 
      this._locale.NUMBER_FORMATS.CURRENCY_SYM = currency; 
     }); 
    } 
} 

のように、その変数にごclass &割り当て$locale値に1つのパブリック変数を定義することによってこの問題を解決することができます簡略化されたo上記のアプローチは

class MainController { 
    _locale: any; 
    // use public before $locale, 
    // that would make your $locale available in your class. 
    constructor(id, public $locale) { 
     this.id = id; 
    } 

    $onInit() { 
     this._getCurrency(); 
    } 

    _getCurrency() { 
     this.getUserCurrency(this.id).then((currency) => { 
      //use _locale as $locale reference 
      this.$locale.NUMBER_FORMATS.CURRENCY_SYM = currency; 
     }); 
    } 
}