将您的数组索引设置为从Angular Bootstrap模式下关闭的选择

Question

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

一切正常工作，我能够选择数组$ 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

我通过将我的$索引传递回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));