jquery - 以 Angular 插入 DIV 文本

Question

我有一个产品列表，动态添加到 HTML 中。当用户单击产品时，必须将其添加到购物车(例如 jQueryUI shopping cart example )。

HTML: 从此动态列表中，如何检索单击的产品并将其插入到 JSON 对象中？

<li ng-model="selectProduct" ng-click="addProduct()" ng-repeat="product in Products">
  {{product}}
</li>

脚本

$scope.addProduct = function () {
    $scope.myProducts.push($scope.selectProduct); // add text of the selected product
};

$scope.myObject = {
   myProducts: []
};

在 jQuery 中，它会是这样的

$("p").click(functions (){
  var aa = $(this).text()
  myObject = {
    'selectProduct': aa
  };
});

Answer 1

你可以将它作为参数传递，所以它会像这样工作

HTML:

<li ng-click="addProduct(product)" ng-repeat="product in Products">
  {{product}}
</li>

Controller :

$scope.Products = ["One","Two","Three","Four"]
$scope.myObject = {
   myProducts: []
};

$scope.addProduct = function (thisProduct) {
    $scope.myObject.myProducts.push(thisProduct);
};

一个工作示例位于 http://jsfiddle.net/trMKQ/ (点击产品名称即可查看)。