javascript - 将数组索引设置为从关闭时的角度引导模式中选择

Question

我一直在此链接https://angular-ui.github.io/bootstrap/#/modal上关注 angular ui 模态。

一切正常，我可以选择数组 $scope.comps= ['item1', 'item2', 'item3'] 的索引。

我的父页面在关闭模型时有一个表单，该表单一次只显示一个组合，带有下一个、上一个、最后一个、第一个按钮：

$scope.getNext = function () {
        $scope.index = $scope.index + 1;
        $scope.comp = $scope.comps[$scope.index];
    }
    $scope.getLast = function () {
        $scope.index = $scope.comps.length - 1;
        $scope.comp = $scope.comps[$scope.index];
    }

    $scope.getPrevious = function () {
        $scope.index = $scope.index - 1;
        $scope.comp = $scope.comps[$scope.index];
    }
    $scope.getFirst = function () {
        $scope.comp = $scope.comps[0];
    }

关闭模式后如何将 $scope.comp 设置为选定的索引

我试图在 $uibModalInstance.close 函数中设置我的 $scope.comp ，如下所示，但是当我关闭模式时，它不会将我带到任何 $scope.comp 并且保持不变。

$scope.ok = function () {
       $uibModalInstance.close($scope.comp = $scope.comps[$scope.selected.index]);
       ;
    };

或者

$scope.ok = function () {
       $uibModalInstance.close($scope.selected.index);
       $scope.comp = $scope.comps[$scope.selected.index]);

    };

Answer 1

我通过将我的 $index 传递回modalInstance.result.then函数解决了这个问题：

 modalInstance.result.then(
   function (selectedItem) {
        $scope.selected = selectedItem;
        $scope.comp = $scope.comps[$scope.selected];
    }
 );

Answer 2

也许你可以做这样的事情。它将返回所选项目的索引。

$uibModalInstance.close($scope.comps.indexOf($scope.selected));