Angularjs jqlite append()和jquery append()的行为与

发布时间：2020-12-17 17:17:54 所属栏目：安全来源：网络整理

导读：我正在尝试将一些元素添加到a中,当使用内置的jqlite和使用 jquery时,我会看到一些不同的行为.我创造了一个小提琴来展示它的不同之处： http://jsfiddle.net/waylon999/5fyBt/1/ 它看起来像我这样做： element.append('tdVal 1/tdtdVal 2/td'); // jqlite 在

我正在尝试将一些元素添加到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>&#160;</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上提交一个问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!