angularjs - AngularJS $compile 抛出异常

Question

为什么这会引发异常？

var item = {ID: 2, Name: "Andrej" };
var html = "<div>{{ID}} - {{Name}}</div>";
$compile(html)(item); // THIS THROWS EXCEPTION

例外是（第 764 行）

TypeError: jqLite("<div>").append(element).html().match(/^(<[^>]+>)/) is null

Answer 1

如果您只想使用角度插值器将值替换为对象，请使用$interpolate.

$compile用于创建有角度的元素，并且需要一个范围。

var item = {ID: 2, Name: "Andrej" };
var html = "<div>{{ID}} - {{Name}}</div>";
console.log($interpolate(html)(item)); // --> <div>2 - Andrej</div>