2017-03-21 22 views
0

私は、ユーザー入力を介して設定され、同じページに値を表示する変数threadCountを持っています。ngSwitchで角度2のテンプレート変数が更新されない

それは

<p>Threads: {{threadCount}}</p> 

通常の補間のために正常に動作します。しかし(名前がで終わる場合は「 - 」)右のそれを下回る私は、特定のスレッドにそれを追加したいのです。ユーザーがTHREADCOUNTを変更すると、スレッドがselectedThreads

<p>Threads: {{threadCount}}</p> 
    <p>Selected LFKs: 
    <span *ngFor="let lfk of selectedLFKs; let isLast=last; "> 
     <span [ngSwitch]="lfk"> 
     <span *ngSwitchCase="lfk.charAt(lfk.length -1) === '-'">{{lfk}}{{threadCount}}{{isLast ? '': ', '}}</span> 
     <span *ngSwitchDefault>{{lfk}}{{isLast ? '': ', '}}</span> 
     </span> 
    </span> 
    </p> 

に追加される前にI THREADCOUNTが定義されている場合

以下の作品は、最初のTHREADCOUNT補間が更新されますがngForとngSwitchの1つの内部にはありませんされています。

  1. これを行う適切な方法は何ですか?
  2. これを行う最も簡単な方法は何ですか?

答えて

0

素敵なランチブレイクといくつかのピンポンの後、私はこれがコンポーネントで実行されるべきであることに気づいた。

文字列配列を使用する代わりに、それぞれをオブジェクトにしてブール値「threadCount」を追加できるようにしました。こうして、私の* ngForではthreadCount属性をチェックし、スレッドカウント番号を適切に追加します。

関連する問題