angularjs - 如何在 AngularJS 中显示无限符号

Question

我想在我的网页中有条件地显示一个值或无穷大符号。

我想做这样的事情..

<td class="rs-table-text" ng-if="batch.est_completion_time ">{{batch.est_completion_time}}</td>

即 如果 batch.est_completion_time 不为空则显示来自 json 的任何内容。

json 看起来像:

{
  "batch_queue_name": "Batch Five",
  "start_date": "05/01/2017 12:18 A.M.",
  "end_date": "08/01/2017 03:37 A.M.",
  "est_completion_time":"∞",
  "completion_status": "42"
}

但是它不显示无穷大符号。相反，它显示 ∞纯文本。

如何实现？

Answer 1

在你的 Controller 中，准备如下数据:

$scope.est_completion_time = $sce.trustAsHtml(batch.est_completion_time);

在您的 HTML 中，您可以按原样显示它。不要忘记在外部 DOM 元素中添加 ng-bind-html。

只添加 ng-bind-html 就可以完成这项工作:

ng-bind-html="batch.est_completion_time"