Angular 循环中的角度js绑定数据工具提示

我是个新手。这是我的角度代码：

<tr *ngFor="let data of mf.data">
    <td>
         <div class="aeName">
            <span class="displayName" materialize="tooltip" data-position="top"  data-tooltip="{need to add data.aeName}">{{data.aeName != "" ? data.aeName : data.email}}</span>
         </div>
    </td>
</tr>

{{data.aeName！=''？data.aeName:data.email}

如果我直接在数据工具提示属性中写入

{{data.aeName}

，页面将停止工作，不会留下任何错误。是否有其他方法可以用循环中的当前值填充数据工具提示

感谢您的帮助

谢谢。

<tr *ngFor="let data of mf.data">
<td>
     <div class="aeName">
        <span class="displayName" materialize="tooltip" data-position="top"  [attr.data-tooltip]="data.aeName != '' ? data.aeName : data.email">{{data.aeName != "" ? data.aeName : data.email}}</span>
     </div>
</td>

{{data.aeName！=''？data.aeName:data.email}

---

这对我有用。可能这会帮助某人。

如果这与angularjs有关，请不要使用angularjs标签