2

HTMLに動的に追加された製品のリストがあります。ユーザーが商品をクリックしたら、カートに追加する必要があります ( jQueryUI のショッピング カートの例を考えてみてください)。

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
  };
});
4

3 に答える 3

3

パラメータとして渡すことができるので、次のように機能します

HTML:

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

コントローラ：

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

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

実際の例はhttp://jsfiddle.net/trMKQ/にあります (製品名をクリックして参照してください)。

于 2013-08-12T14:43:01.883 に答える