jQuery的克隆和追加函数在AngularJS指令中没有像预期的那样工作

jQuery clone and append function isn't working as expected in AngularJS directive

本文关键字：工作 指令 追加 函数 AngularJS jQuery      更新时间：2023-09-26

在我的应用程序中，我正在尝试建立一个购物车。你可以在这个代码中看到这个应用程序:http://codepen.io/summerfreeze/pen/VjqJYW。差不多可以了，但最后一部分我还在纠结。我想"添加订单线"按钮添加另一个订单线在现有的一个。我尝试使用jQuery:

  myApp.directive('myDirective', function($scope) {
    $scope.addline = function() {
      $(".orderline").clone().appendTo('.main');
    };
    return addline();
  });

但这似乎不起作用。如果有人能看一下代码并告诉我我犯了什么错误，我将不胜感激。

不确定为什么使用指令。我从你的代码中删除了它，它工作了。你还有其他错误，但我猜你可以解决这些问题。这是修改版本的链接

新的codependency版本

   $scope.addline = function(){
    $(".orderline").clone().appendTo('.main');
  };

正如其他人建议的那样，为了遵循干净的代码标准，请不要在AngularJS中使用jQuery代码，因为它会及时导致问题。

据我所知，你不应该追加#main，而应该追加#main div[0]

相关文章：