javascript - jQuery 克隆和附加功能无法按 AngularJS 指令中的预期工作

Question

在我的应用程序中，我正在尝试构建一个购物车。您可以在此代码笔中看到该应用程序:http://codepen.io/summerfreeze/pen/VjqJYW 。它几乎可以工作了，但我在最后一部分中遇到了困难。我想要“添加订单行”按钮在现有订单行下添加另一个订单行。我正在尝试使用 jQuery 来做到这一点:

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

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

Answer 1

不确定您为什么使用指令。我从你的代码中删除了它并且它有效。您仍然有其他错误，但我猜您可以解决这些错误。这是修改后版本的链接

new codepen version

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

正如其他人所建议的，为了遵循干净的代码标准，请不要在 AngularJS 中使用 jQuery 代码，否则最终会导致问题。