Question

我正在尝试在其中加载带有ng-repeats的html模板，然后使用$compile服务进行编译并在电子邮件中使用已编译的html。

问题....好问之前让我设置术语...... 绑定占位符：{{customer.name}} 约束值：'john doe'

使用$interpolate我得到实际的绑定值但不适用于ng-repeats。

实施例：var html = $interpolate('{{customer.name}}')($scope) 返回：'john doe' Ng-repeats不起作用

使用$compile我得到绑定占位符，即{{customer.name}}，但我需要的是绑定值'john doe'。

示例：var html = $compile('{{customer.name}}')($scope）返回：'{{customer.name}}'

一旦我追加到页面，我就会看到绑定值。但这是针对电子邮件而不是页面加上它具有$compile可以编译的重复次数

如何创建动态电子邮件模板，在编译后，它会返回带有绑定值的html而不仅仅是绑定占位符，以便我可以将其作为电子邮件发送？

Answer 1

使用$ compile是正确的方法。但是，$compile(template)($scope)不会产生您期望的内插HTML。它只是将编译的模板链接到要在下一个$digest期间插值的范围。要获得所需的HTML，您需要等待插值发生，如下所示：

var factory = angular.element('<div></div>');
factory.html('<ul ng-repeat="...">...</ul>');
$compile(factory)($scope);

// get the interpolated HTML asynchronously after the interpolation happens
$timeout(function () {
  html = factory.html();
  // ... do whatever you need with the interpolated HTML
});

（使用CodePen示例：http://codepen.io/anon/pen/gxEfr?editors=101）

用于动态电子邮件的Angular $ compile模板

1 个答案: