角2のインラインテンプレート：厳密なモードで変数が定義されていません

Question

角2のアプリケーションで、「エラー：./SampleComponentクラスのSampleComponent - インラインテンプレートによるエラー：厳密なモードで変数が定義されていません」というエラーが発生しました。 しかし、このエラーはIE 10でのみ発生します。

<input type="text" class="form-control" name="name" formControlName="name" placeholder="Name" [nameFormatter]="selected"> 

ここ属性ディレクティブnameFormatterに渡された「selected」値がcomponent.Ifで初期化されている変数である私は、これはとそれをfine.Assigning動作しているようですいくつかの静的な値を持つselected変数を削除してみてくださいselected変数によりこの問題が発生します。

export class NameComponent implements OnInit { 
    public selected : string; 

    someFunction(){ 
     this.selected="some value" //The value changes depending on some conditions 
    } 
} 

polyfillsとは何か関係ありますか。以下のpolyfillをindex.htmlに追加してみました。

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script> 
    <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    <script src="https://unpkg.com/core-js/client/shim.min.js"></script> 

誰かが私にこのことを教えてください。

Answer 1

this内側somefunctionはNameComponentを参照していないため、別の閉鎖です。

あなたの目標は、ビュー（html）から関数を呼び出すことである場合、この操作を行います。

export class NameComponent implements OnInit { 
    public selected : string; 

    someFunction(){ 
    this.selected="some value" //The value changes depending on some conditions 
    } 
}