如何动态构建 HTML Table 作为发送电子邮件的模板 (ng-repeat)

Question

目前，我构建了 HTML 模板，并在将 'parsed email template' 发送给收件人之前将 {Title} 占位符替换为匹配值，但问题是无法在 [=35] 中生成 'list of data' =] 动态地，因此求助于使用 angularjs 'ng-repeat' 但在解析时，它会发送 angularjs 标签而不是生成 HTML 表示

我的问题是如何使用 ng-repeat 构建 'angularjs' 模板，该模板可用于动态发送电子邮件模板，而无需在浏览器中加载页面，因为看起来 angularjs 页面是仅在浏览器中打开时翻译

如何使用 ng-repeat 动态生成 HTML 标签，suitable 足以作为电子邮件发送，谢谢

 {Title} Placeholder 

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

Answer 1

angularjs 无法直接实现，但 angular 2+ 支持（在服务器上使用 nodejs：https://angular.io/guide/universal）。

我有相同的需求，我记得曾尝试在服务器上使用 angularjs 运行在 selenium webdriver 中实现您想要的，但我找不到完整且简单的解决方案。

相反，我复制了我的 ng-repeat 模板并将它们转换为非常简单的 asp.net razor 模板，并将我的 json 模型作为 dynamic 传递视图模型。我知道它不是 angularjs，但它是一个很好的服务器端替代方案，你也标记了 c#。示例模板：

@Model dynamic

<h4>@Model.Title</h4>
<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  @foreach (dynamic x in Model.Students)
  {
  <tr>
    <td>@x.FirstName</td>
    <td>@x.LastName</td>
    <td>@x.Age</td>
  </tr>
  }
</table>

您可以使用 RazorEngine nuget 来帮助生成输出：http://antaris.github.io/RazorEngine/

如何动态构建 HTML Table 作为发送电子邮件的模板 (ng-repeat)

How to build HTML Table dynamically as template for sending email (ng-repeat)

html

c#

string

angularjs

angularjs-ng-repeat