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 at

如何解决此问题？

Answer 1

尝试将第三语句迁移到类中的函数，而不是模板中。我经常看到Angular不处理模板中变量（或复杂语句）的更改值，因此将这些值传递给函数的模板/视图效果相当不错。

是的，你可以传递你想要使用的所有值来确定工具提示的值到函数中，然后只返回你想要的值。