如何使用angularjs更改下拉选项时获取警报

时间:2016-06-18 10:54:23

标签: html angularjs angularjs-scope

这是我的下拉菜单,当我更改选项将获得警报其工作,但当我再次选择相同的选项时,我没有得到警报。它如何可用

的index.html

<body ng-app="demoApp">
    <div ng-controller="DemoController">
    <div>
     <select ng-model="currentlySelected" ng-options="opt as opt.label for opt in options" ng-change="logResult()">
        </select>

        The value selected is {{ currentlySelected.value }}.
    </div>

    </div>
</body>

app.js

angular.module('demoApp', []).controller('DemoController', function($scope) {

  $scope.options = [
    { label: 'one', value: 1 },
    { label: 'two', value: 2 }
    { label: 'three', value: 3 }
    { label: 'four', value: 4 }
    { label: 'five', value: 5 } 
  ];
  $scope.currentlySelected = $scope.options[1];

    $scope.logResult = function() {
     alert($scope.currentlySelected);   
    }
});

如果我选择&#34;两个&#34;我期望的是两次我需要提醒两次。这是可能的还是我应该使用不同的指令?

1 个答案:

答案 0 :(得分:0)

不,这是不可能的。选择更改时会触发onchange事件,而不会在您进行选择时触发。因此,除非您选择不同的选项,否则它不会触发。

如果您需要此行为,我建议使用其中一个自定义选择解决方案,即使是基于自定义CSS的选择也可以。然后你可以绑定到onclick事件而不是onchange。