javascript - 将函数设置为 ng-model

Question

我有一个复杂的数据结构(购物车的产品)，如下所示:

items = [
    {
        id_product: 5,
        combinations: [
            {
                id_product_attribute: 35,
                quantity: 1,
                price: 25.60
            },
            {
                id_product_attribute: 38,
                quantity: 4,
                price: 25.60
            }
        ]
    },
    {
        id_product: 5,
        combinations: [
            {
                id_product_attribute: 35,
                quantity: 1,
                price: 28.60
            }
        ]
    }
];

我还有一个 ng-repeat，它在 li 元素中列出了从 $resource 检索到的产品的每个组合。每个 li 元素如下所示:

<li>Combination {{ combination.id }} - Price {{ combination.price }} - In your shopping cart {{ function_goes_here(product.id, combination.id) }}</li>

我想知道是否可以编写某种函数来在购物车数据结构中进行搜索(按产品 id 和组合 id)并返回数量元素，以这种方式，如果另一个元素会更新 View 相同类型的组合是否已添加到购物车？

Answer 1

在您的 $scope/scope 上定义该函数:

$scope.items = [
    {
        id_product: 5,
        combinations: [
            {
                id_product_attribute: 35,
                quantity: 1,
                price: 25.60
            },
            {
                id_product_attribute: 38,
                quantity: 4,
                price: 25.60
            }
        ]
    },
    {
        id_product: 5,
        combinations: [
            {
                id_product_attribute: 35,
                quantity: 1,
                price: 28.60
            }
        ]
    }
];

$scope.function_goes_here = function(productId, combinationId){
    //search through $scope.items
    return "Lorem Ipsum";
}