Anularjs $編譯拋出異常

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>