Javascript ng repeat和ng选项angularJS的组合

Javascript ng repeat和ng选项angularJS的组合,javascript,angularjs,ng-repeat,ng-options,Javascript,Angularjs,Ng Repeat,Ng Options,我的目标是让用户通过选择阵列中每个图像的位置来重新排序图像阵列。对于其中的每一个,我都有一个显示图像的ng repeat,还有一个select下拉按钮,用户可以根据$scope.stock.otherPicNames的长度为每个图像选择索引 HTML: <div class="gallery_wrapper" ng-repeat="f in stock.otherPicNames"> <img ng-src="{{getImage(f)}}"> &l

我的目标是让用户通过选择阵列中每个图像的位置来重新排序图像阵列。对于其中的每一个,我都有一个显示图像的ng repeat,还有一个select下拉按钮,用户可以根据$scope.stock.otherPicNames的长度为每个图像选择索引

HTML:

 <div class="gallery_wrapper" ng-repeat="f in stock.otherPicNames"> 
    <img ng-src="{{getImage(f)}}"> 
    <div class="order_gallery"> 
        <select ng-options="pos as obj.position for obj in position track by $index" ng-value="$index+1 " ng-model="f.position"></select>
     </div>
</div>
我一直在获取用户选择的值,并根据每个图像将其放入$scope.choice数组或$scope.position.position中。我不知道如何正确设置ng选项和ng值


谢谢你的建议

图像是否已经有位置号?什么用于对图像进行排序以开始?@RaniRadcliff您好,它们没有。默认情况下,每个图像的位置编号取决于其在阵列上的位置。开始时没有排序,我只是从服务器获取图像数组。有了这些垃圾代码,用户可以更改每个图像的位置。这些图像是否已经有位置号?什么用于对图像进行排序以开始?@RaniRadcliff您好,它们没有。默认情况下,每个图像的位置编号取决于其在阵列上的位置。开始时没有排序,我只是从服务器获取图像数组。有了这些垃圾代码,用户可以更改每个图像的位置。
$scope.position = [];
$scope.choice = [];

angular.forEach($scope.stock.otherPicNames, function(image){
        $scope.position.push({'image' : image, 'position' : 0 });
        $scope.choice.push(0);
});