Angularjs 控制器对嵌套ng重复中ng模型的角度访问

Angularjs 控制器对嵌套ng重复中ng模型的角度访问,angularjs,controller,nested,angularjs-ng-repeat,angularjs-ng-model,Angularjs,Controller,Nested,Angularjs Ng Repeat,Angularjs Ng Model,我在这个话题上有问题。在ng模型中使用$parent没有帮助。 我试图实现的是2个可点击的按钮,增加和减少一个数量字段值,并在网站底部显示摘要(每个价格的总和*数量) var-app=angular.module(“mainApp”,[]); 应用程序控制器(“mainCtrl”,函数($scope){ $scope.list1=[ {“uniqueId”:“1”,“name”:“cat1”}, {“uniqueId”:“2”,“name”:“cat2”} ]; $scope.list2=[

我在这个话题上有问题。在ng模型中使用$parent没有帮助。 我试图实现的是2个可点击的按钮,增加和减少一个数量字段值,并在网站底部显示摘要(每个价格的总和*数量)

var-app=angular.module(“mainApp”,[]);
应用程序控制器(“mainCtrl”,函数($scope){
$scope.list1=[
{“uniqueId”:“1”,“name”:“cat1”},
{“uniqueId”:“2”,“name”:“cat2”}
];
$scope.list2=[
{“uniqueId”:“1”,“name”:“prod1”,“price”:“10”},
{“uniqueId”:“2”,“name”:“prod2”,“price”:“20”},
{“uniqueId”:“3”,“name”:“prod3”,“price”:“30”}
];
//下面这个根本不起作用
//$scope.quantity[1]=1;
$scope.inc=inc;
功能公司(id){
console.log(id);//工作正常
//确切数量的增加
}
});

{{l1.name}
名称:{{l2.name}},
价格:{{l2.price}},
所需数量:+
{{数量}}

请记住,解决此类问题有多种方法,以下是我看到的解决方法,以及每个步骤的示例:

  • 将数量存储在某个位置并初始化,例如在产品对象中,例如在控制器中:

    {“uniqueId”:“1”,“name”:“prod1”,“price”:“10”,数量:1},

  • 创建一个函数以增加产品的数量,另一个函数以减少产品的数量,例如在控制器中:

    函数增量数量(id){
    //通过循环将您的产品列入列表
    //如果产品存在
    //增加他的数量
    }
    函数递减量(id){
    //通过循环将您的产品列入列表
    //如果产品存在
    //减少他的数量
    }
    $scope.increaseQuantity=增加数量;
    $scope.decreaseQuantity=减量数量

  • 在按钮中调用正确的方法,例如在视图中:

    
    所需数量:{l2.quantity}
    +
    -
    


请记住,解决此类问题有多种方法,以下是我看到的解决方法,以及每个步骤的示例:

  • 将数量存储在某个位置并初始化,例如在产品对象中,例如在控制器中:

    {“uniqueId”:“1”,“name”:“prod1”,“price”:“10”,数量:1},

  • 创建一个函数以增加产品的数量,另一个函数以减少产品的数量,例如在控制器中:

    函数增量数量(id){
    //通过循环将您的产品列入列表
    //如果产品存在
    //增加他的数量
    }
    函数递减量(id){
    //通过循环将您的产品列入列表
    //如果产品存在
    //减少他的数量
    }
    $scope.increaseQuantity=增加数量;
    $scope.decreaseQuantity=减量数量

  • 在按钮中调用正确的方法,例如在视图中:

    
    所需数量:{l2.quantity}
    +
    -