注意:我所说的“handlebars”并不是指 Handlebars.js,而是指双花括号。
<小时/>我有一个表格,我想在其中一列中显示数据,以及一个附加的 HTML 元素,具体取决于三元运算的结果。
这是我的 td 代码
<td>{{item.ProjectNumber}}{{item.DateSubmitted.toString().length > 0 ? null : <span class="error">Incomplete</span>}}</td>
如果我不尝试将其设为元素(而只是显示“不完整”),则它可以正常工作。但是当我尝试添加该跨度时,整段代码都会添加到 td 中。
那么如何在 Handlebars 内创建 HTML 元素呢?
最佳答案
只需创建该元素并可以选择使用 ng-show 隐藏它.
<span class="error" ng-show="item.DateSubmitted.toString()">Incomplete</span>
我通常会保留使用大括号来提供数据,而不是做出决定。如果您绝对必须像这样创建内联元素,则需要告诉您的应用程序信任 HTML,如 in this SE question 中所述。 .
关于javascript - AngularJS - 如何通过 Handlebars 三元运算添加 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34531772/