Angular2 - Der Ausdruck hat sich nach der Überprüfung geändert. Vorheriger Wert: ''. Aktueller Wert: 'xyz

Question

Ich habe eine App Angular 2 und ich durchlaufe einige Datensätze und zeige eine Tabelle an. Mein Code sieht wie folgt aus:

<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> 

Wenn ich diese Prüfung tue, um zu entscheiden Tooltip-Gehalt in der Schleife anzuzeigen, wie oben gezeigt, bekomme ich folgende Fehlermeldung, wenn Werte Änderungen für den Tooltip:

„Expression geändert hat, nachdem geprüft wurde Vorheriger Wert:. ‚‘ Aktuellen Wert:. ‚xyz ...‘ bei ViewWrappedError.ZoneAwareError (eval bei

Wie kann ich dieses Problem beheben

Answer 1

Versuchen sie, die tertiäre Erklärung der Migration? zu einer Funktion in der Klasse, anstatt in th die Vorlage Oft habe ich gesehen, dass Angular nicht mit geänderten Werten von Variablen (oder komplexen Anweisungen) in der Vorlage umgeht, sodass die Übergabe dieser Werte an die Vorlage/Ansicht von einer Funktion ziemlich gut funktioniert.

Ja, Sie können einfach alle Werte übergeben, die Sie verwenden möchten, um den Wert Ihres Tooltips in der Funktion zu bestimmen, und geben Sie einfach den gewünschten Wert zurück.