如何使angular读取通过jQuery插入的元素

29 浏览
0 Comments

如何使angular读取通过jQuery插入的元素

我正在尝试使用jQuery插入一个div，在这个div中有需要渲染的angular内容，但是当点击按钮时它没有被渲染。

myVar = $("
{{banana}}");
$("button").click(function () {
   myVar.appendTo(".myOtherDiv");
});

appendTo工作正常，但是它给我的不是一个香蕉列表，而是{{bananas}}。有没有办法让Angular在jQuery将其放入DOM中时成为一个元素？

0

1 答案

0 Comments

使用AngularJS时，应该尽量避免使用jQuery。在上面的示例中，完全没有必要使用jQuery：


    
    

        I'm a new line. {{foo}}
    





function MyCtrl($scope) {
    $scope.foo = "I'm foo!";
    $scope.lines = [];
    $scope.addLine = function () {
        $scope.lines.push($scope.lines.length);
    };
}

你可以阅读这个问题，如果你发现（正确地）创建一个数组只是为了循环而太重了。

作为最后的解决方法，只有在这种情况下，你可以使用`$compile`（请参见文档）。

0