javascript - 循环遍历对象并显示输入字段

Question

我有一个由两个数组组成的 JavaScript 对象。我们可以将一个称为阵列适配器，将其他称为条形码。适配器数组将始终有 8 个字符串，而条形码将始终有 3 个字符串，但最多可以有 8 个字符串。好的，所以我需要显示适配器字符串、条形码字符串，然后有一个输入字段供用户输入另一个字符串(条形码)。但是，我需要找到条形码数组的长度，然后只显示那么多输入字段。实现这一目标的最简单方法是什么？ jQuery、Angular？

var bar = {
    “adaptors”: ["506-707", "502-701", "501-708", "507-706", "508-704", "505-703", "503-705", "504-702" ],
    “barcodes”:["11-11-1111","11-11-2222","11-11-3333","11-11-4444"]
}

Answer 1

尝试这个 angularJS 代码，这里正在工作 fiddle

查看

<div ng-controller="MyCtrl">
<div ng-repeat="(index,val) in bar.adaptors">
 {{val}} <input type="text" ng-show="bar.barcodes[index]">
</div>
</div>

Controller

var myApp = angular.module('myApp',[]);

 function MyCtrl($scope) {
   $scope.bar = {
      adaptors: ["506-707", "502-701", "501-708", "507-706", "508-704", "505-703", "503-705", "504-702" ],
    barcodes:["11-11-1111","11-11-2222","11-11-3333","11-11-4444"]
 }
}