使用 AngularJS 生成纯 html

Posted 2023-03-07

【中文标题】使用 AngularJS 生成纯 html

【英文标题】：Generating pure html using AngularJS

【发布时间】：2015-09-02 23:20:58

【问题描述】：

我正在尝试从我目前使用 AngularJS 在网页上生成的表中提取原始 html 数据表。

举个简单的例子：

角度代码：

  <table>
    <tr ng-repeat="customer in customers">
        <td>customer.firstname</td>
        <td>customer.lastname</td>
    </tr>
  </table>

我不想编写两种不同的解决方案，因此想使用 AngularJS。

是否可以使用 AngularJS 提取原始 html 代码？即以下内容：

  <table>
    <tr>
        <td>John</td>
        <td>Smith</td>
    </tr>
    <tr>
        <td>Fred</td>
        <td>Bloggs</td>
    </tr>
    ...etc
  </table>

【问题讨论】：

你应该考虑它在服务器端渲染。也许这会有所帮助：***.com/questions/16232631/…

我可能会走那条路，所以它是一个有用的指针。如果可能的话，我宁愿把它保留在客户端。

【参考方案1】：

你可以使用

  var element = angular.element(element)

   element[0] //show give raw dom element

在 angularJS 中参考 jqlite 和下面的链接，可能会明白https://docs.angularjs.org/api/ng/function/angular.element

小提琴：https://jsfiddle.net/shushanthp/Lho8myw2/

【讨论】：

有趣。看起来这可以完成这项工作。如果您有一个工作示例，我会接受它作为正确答案。

@JeffYates 很高兴为您提供帮助 :)，它的推荐和使用指令的好方法，我已经添加了相同的小提琴，希望它有所帮助

完美。做这项工作。很简单。谢谢@shushanth

@JeffYates :) :) 。很高兴帮助你杰夫，没问题，:)，