Angular2 - 確認後に式が変更されました。以前の値： ''現在の値： 'xyz

Question

私はAngular 2アプリを持っており、いくつかのレコードを繰り返してテーブルを表示しています。私のコードは次のようになります

私は上記のように、私は次のエラーを取得するループ内でツールチップコンテンツを表示することを決定するには、このチェックをしています

<tbody> 
    <tr *ngFor="let row of rows......"> 
     <td *ngFor="let col of columns"> 
      <span placement="right" [innerHTML]="row[column.name]" container="body" 
       [tooltip] = "(cell.offsetWidth < cell.scrollWidth) ? (row[column.name]) : ''" container="body"> 
      </span> 
     </td> 
    </tr> 
</tbody> 

たときにツールチップの値の変更：

「表現それが確認した後に変更された前の値を：「」現在の値：「XYZ ...」ViewWrappedError.ZoneAwareErrorで（evalのを

で、私はこの問題を解決するにはどうすればよい

Answer 1

は三次のステートメントを移行してみ？クラスではなく、関数であるeテンプレート。多くの場合、Angularはテンプレート内の変数（または複雑なステートメント）の変更された値を処理しないので、これらの値を関数のテンプレート/ビューに渡すとかなりうまく機能することがよくあります。

はい、関数にツールチップの値を決定するために使用するすべての値を渡すだけで、必要な値を返すことができます。