我正在尝试将一些元素添加到a中,当使用内置的jqlite和使用
jquery时,我会看到一些不同的行为.我创造了一个小提琴来展示它的不同之处：
http://jsfiddle.net/waylon999/5fyBt/1/
它看起来像我这样做：
element.append('<td>Val 1</td><td>Val 2</td>'); // jqlite
在插入字符串之前剥离标记.但是,当我尝试
$(element).append('<td>Val 1</td><td>Val 2</td>');
它按照我的预期工作,其中append中的整个字符串arg附加到标记.我尝试了几件事,包括
angular.element(element).append(....)
但我找不到办法让它发挥作用.有什么我不明白这应该如何工作？
谢谢！
解决方法
我可以说,这是JQLite中的一个错误：
function JQLite(element) {
...
if (isString(element)) {
var div = document.createElement('div');
// Read about the NoScope elements here:
// http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx
div.innerHTML = '<div> </div>' + element; // IE insanity to make NoScope elements work!
div.removeChild(div.firstChild); // remove the superfluous div
JQLiteAddNodes(this,div.childNodes);
this.remove(); // detach the elements from the temporary DOM div.
} else {
JQLiteAddNodes(this,element);
}
}
你可能知道或不知道,你不能这样做：
div.innerHTML = '<div></div><td>asdf</td>';
td将被删除.我猜jQuery不会做同样的事情(也许他们不关心NoScope？).也就是说,如果你想继续使用Angular,这很好用：
element[0].innerHTML += '<td>Val 1xx</td><td>Val 2yy</td>';
我建议在Angular的github上提交一个问题.
