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

Question

我一直在这个链接 https://angular-ui.github.io/bootstrap/#/modal 上关注 Angular ui 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

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

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