Anularjs $编译抛出异常 [英] Anularjs $compile throws exception

问题描述

为什么这样抛出一个异常？

  VAR项目= {ID：2，产品名称：安德烈};
VAR HTML =＆LT; D​​IV＆GT; {{ID}}  -  {{名称}}＆LT; / DIV＆gt;中;
$编译（HTML）（项目）; //这引发异常
 

例外是（行764）

 类型错误：。jqLit​​e（＆LT; D​​IV＆gt;中）追加（元素）的.html（）匹配（/ ^（小于[^＆GT;] +＆GT;）/ ）为null
 

解决方案

如果你只是想用角插值与对象替代值，可以使用 $插值。

$编译是用于创建angularized元素组成，并且需要一个范围。

  VAR项目= {ID：2，产品名称：安德烈};
VAR HTML =＆LT; D​​IV＆GT; {{ID}}  -  {{名称}}＆LT; / DIV＆gt;中;
的console.log（$插值（HTML）（项目））; //  - ＆GT; ＆LT; D​​IV＆GT; 2  - 安德烈＆LT; / DIV＆GT;
 

Why this throws an exception?

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

Exception is (line 764)

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

解决方案

If you just want to substitute values using the angular interpolator with an object, use $interpolate.

$compile is made for creating angularized elements, and requires a scope.

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

这篇关于Anularjs $编译抛出异常的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！