javascript - 无法选择之前选择的选项

Question

ng-change 在选择之前选择的选项后不会被触发。因此，我无法处理下一个相同的选择。

<select ng-model="selectedOption" ng-change="handleSelection()">                        
    <option value="A" selected>A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
</select>

我想向用户显示上次选择的选项并处理相同的选项。但是由于 ng-model 在下一个相同的选项选择时没有改变 ng-change 没有被触发。

如何处理这种情况？

Answer 1

你可以不用 ng-change 只检查点击次数:

第一个 click 事件 在每次打开 select 后引发

第二个点击事件在选择一个项目后引发

我们使用blur事件来清除失去焦点后的点击次数

通过这种方式，您将在没有更改事件和没有选择新项目的情况下获得所选项目:

<select ng-model="selectedOption" ng-click="handleSelection()" ng-blur="resetClickCount()">                        
    <option value="A" selected>A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
</select>

--

app.controller("myCtrl", function($scope) {
    $scope.clickCount = 0;

    $scope.handleSelection = function() {
        $scope.clickCount++;
        if ($scope.clickCount==2) {
            alert($scope.selectedOption);
            $scope.clickCount = 0;
        }
    }

    $scope.resetClickCount = function() {
        $scope.clickCount = 0;
    }
});