gpt4 book ai didi

javascript - 在 AngularJS 中使用 "this"

转载 作者:行者123 更新时间:2023-11-28 08:37:59 26 4
gpt4 key购买 nike

我是 AngularJS 新手。

我有一个选择框,单击该选择框会填充第二个选择框。问题是,它不是针对我想要的一项进行操作,而是更新所有行中的选择框。现在我正在使用 forEach 因为我不知道如何在 AngularJS 中使用 this:

    $scope.manufacturerUpdate = function(){

angular.forEach($scope.cams, function(cam){
$scope.camslist = []
$scope.camslist = cam.manufacturer.cameras;
});

}

显然,这是将新选择的第一个选择框应用于所有行。如何在 AngularJS 中使用 this 以便仅影响我正在编辑的行?

编辑:以下是选择框:

<select
ng-model="cam.manufacturer"
ng-options="manufacturers.name for manufacturers in manufacturers" ng-change="manufacturerUpdate()">
<option value="" selected="selected"> --Select a Manufacturer--</option>
</select>

</td>
<td>
<select
ng-model="cam.camera"
ng-options="camslist.name for camslist in camslist" ng-change="cameraUpdate()">
<option value="" selected="selected"> --Select a Camera--</option>
</select>

最佳答案

为什么不做这样的事情(并取出你的 JavaScript 函数)。它并不完美,但我认为它会帮助你继续前进。如果这不起作用,请发布有关如何设置 $scope 变量的概述,因为我在此处列出的引用可能不适用于您的数据,并且可以进行调整:

<select
ng-model="cam.manufacturer"
ng-options="manufacturers.name for manufacturers in manufacturers">
<option value="" selected="selected"> --Select a Manufacturer--</option>
</select>

</td>
<td>
<select
ng-model="cam.camera"
ng-options="camslist.name for camslist in cams[cam.manufacturer].camslist">
<option value="" selected="selected"> --Select a Camera--</option>
</select>

关于javascript - 在 AngularJS 中使用 "this",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20845783/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com