jQuery克隆和追加功能未按預期在AngularJS指令中運行

Question

在我的應用程序中，我正在嘗試構建購物車。 您可以在以下Codepen中看到該應用程序： http ://codepen.io/summerfreeze/pen/VjqJYW。 它幾乎可以正常工作，但是我在最后一部分方面很掙扎。 我希望“添加訂單行”按鈕在現有的訂單行下添加另一條訂單行。 我正在嘗試使用jQuery：

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

但這似乎不起作用。 如果有人能看一下代碼並告訴我我犯了什么錯誤，我將不勝感激。

Answer 1

不知道為什么要使用指令。 我從您的代碼中刪除了它，並且可以正常工作。 您仍然還有其他錯誤，但是我想您可以解決這些問題。 這是修改版本的鏈接

新的Codepen版本

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

正如其他人所建議的那樣，為了遵循簡潔的代碼標准，請不要在AngularJS中使用jQuery代碼，否則會導致問題。

Answer 2

據我所知，您不應該附加到#main ，而應該附加到#main div[0]