javascript - 在 AngularJs 中将字符串解析为 HTML

Question

源代码:

<tr ng-repeat="x in orderCsList">
  <td class="ctn"><input type="checkbox" ng-model="x.checked"></td>
  <td class="ctn">{{ x.wdate }}</td>
  <td class="text-left">{{ x.wid }}</td>
  <td class="text-left">{{ x.content }}</td>
  <td class="text-left">{{ x.suc_yn }}</td>
</tr>

我有一个属性(x.contents)，其值为 TEST <br>测试。我怎样才能将它“解析”为 HTML ？

实际结果:

TEST`<br>`TEST

预期结果:

TEST
TEST

Answer 1

你尝试过吗:

<td class="text-left" ng-bind-html="x.content"></td>

查看链接:https://docs.angularjs.org/api/ng/directive/ngBindHtml

请注意需要 sanitizer https://docs.angularjs.org/api/ngSanitize/service/ $ sanitizer