javascript - AngularJS - 如何通过 Handlebars 三元运算添加 HTML 元素?

标签 javascript jquery html angularjs

注意:我所说的“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/

相关文章:

ajax - Play 服务器发送的 JSON 响应格式错误

javascript - 使用 javascript 换行

javascript - 我如何在服务器端获取 HTML5 本地存储值

javascript - 试图找出一种调整背景图像大小并包含具有窗口宽度比例的元素的方法

jquery - 在 jquery 更改乘法下拉菜单的下拉菜单中更改颜色

javascript - 如何在连接到 API 的我的移动应用程序 (cordova) 上启用跨源资源共享(在 Yii 中)

javascript - 通过 npm run build 将脚本和 css 引用替换为 HTML 中的内容

javascript - 在 Morris Chart 上添加动画效果

javascript - D3 : The data on the axis not mapping

javascript - Highcharts 日期时间问题