【问题标题】:How to get alert when Ichange dropdown options using angularjs当我使用 angularjs 更改下拉选项时如何获得警报
【发布时间】:2016-10-20 03:39:53
【问题描述】:

这是我的下拉菜单,当我更改选项时会提醒它的工作,但是当我再次选择相同的选项时我没有得到提醒。它是如何可能的

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);   
    }
});

我期望的是,如果我选择“两个”两次,我需要提醒两次。这是可能的还是我应该为此使用不同的指令?

【问题讨论】:

    标签: html angularjs angularjs-scope


    【解决方案1】:

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

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

    【讨论】:

    • 我需要那个。当我再次单击同一选项时要显示警报。任何想法
    • 那么我发布了您需要做的事情:自定义选择。甚至还有非常简单的 CSS 解决方案,然后您将绑定到 ngClick 并使用 ngRepeat 呈现选项。我会创建一个自定义指令。
    猜你喜欢
    • 1970-01-01
    • 2023-03-19
    • 2012-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-13
    相关资源
    最近更新 更多