带有AngularStrap选择元素的Onchange事件

Fourat


我想在select元素的值更改时执行一个函数(angular-strap中的select元素是html标签)
我的HTML:

 <button type="button" class="btn btn-default" ng-model="selectedCriteria" data-html="1" ng-options="choice.value as choice.label for choice in selectChoices" bs-select>
      Action <span class="caret"></span>
    </button>

我的JS:

$scope.selectedCriteria = "Location";
$scope.selectChoices = [{'value':'Location','label':'<i class=\'fa fa-map-marker\'></i> Location'},
{'value':'Age','label':'<i class=\'fa fa-male\'></i> Age'}];

我尝试将ng-click指令与函数一起放入控制器中,但是当元素更改时,它捕获了click上当前选定值的值,而不是

谢谢

马尔库斯

有两种选择,一种是使用ngChange 参考

另一个正在使用$watch请参阅api参考的$ watch部分scope

使用示例watch (将在您的控制器中)

$scope.$watch('selectedCriteria', function() {
     $scope.SomeFunction();
});

使用示例 ngChange

<button type="button" class="btn btn-default" 
   ng-change="SomeFunction()"
   ng-model="selectedCriteria" data-html="1" 
   ng-options="choice.value as choice.label for choice in selectChoices" bs-select>
      Action <span class="caret"></span>
</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

调用带有onChange事件的表单提交

来自分类Dev

带有OnChange事件的几种形式

来自分类Dev

带有选择,选项和音频的onchange

来自分类Dev

选择带有句点的元素

来自分类Dev

在React中重新渲染选择元素后触发onChange事件

来自分类Dev

删除所选选择元素的默认选项onChange事件?

来自分类Dev

使用JQUERY选择带有.on('change')事件的动态插入的Div元素

来自分类Dev

选择带有动态列的事件

来自分类Dev

如何触发选择元素上的事件以选择带有打字稿的第一个选项?

来自分类Dev

带有事件的嵌套元素

来自分类Dev

带有javascript修改复选框的onChange事件

来自分类Dev

HTML选择多个在onchange事件中获取所有值

来自分类Dev

如何在一个元素中添加多个带有选择器的事件侦听器?

来自分类Dev

jQuery选择框onchange事件

来自分类Dev

筛选元素,仅选择带有文本的元素

来自分类Dev

如何使用选择元素的 onchange 事件在 AngularDart 中传递对象而不是字符串?

来自分类Dev

带有选择选项的 jquery 事件问题

来自分类Dev

带有 gridview 选择字段的 Asp.net onClick 事件

来自分类Dev

具有可以显示隐藏元素的select元素的onChange事件处理程序

来自分类Dev

带有mousemove事件60 FPS的Javascript移动元素requestAnimationFrame

来自分类Dev

带有`click`事件存储的jQuery元素未按要求工作

来自分类Dev

Javascript动态创建带有事件的元素

来自分类Dev

jQuery,选择带有类的所有元素

来自分类Dev

在Sizzle / jQuery中选择带有冒号的ID的元素

来自分类Dev

jQuery选择带有短代码的几个元素

来自分类Dev

在带有nth-child的CSS中选择元素

来自分类Dev

如何使用cypress选择带有标题的svg元素?

来自分类Dev

通过值或带有硒的ID选择html元素

来自分类Dev

jQuery选择带有短代码的几个元素

Related 相关文章

  1. 1

    调用带有onChange事件的表单提交

  2. 2

    带有OnChange事件的几种形式

  3. 3

    带有选择,选项和音频的onchange

  4. 4

    选择带有句点的元素

  5. 5

    在React中重新渲染选择元素后触发onChange事件

  6. 6

    删除所选选择元素的默认选项onChange事件?

  7. 7

    使用JQUERY选择带有.on('change')事件的动态插入的Div元素

  8. 8

    选择带有动态列的事件

  9. 9

    如何触发选择元素上的事件以选择带有打字稿的第一个选项?

  10. 10

    带有事件的嵌套元素

  11. 11

    带有javascript修改复选框的onChange事件

  12. 12

    HTML选择多个在onchange事件中获取所有值

  13. 13

    如何在一个元素中添加多个带有选择器的事件侦听器?

  14. 14

    jQuery选择框onchange事件

  15. 15

    筛选元素,仅选择带有文本的元素

  16. 16

    如何使用选择元素的 onchange 事件在 AngularDart 中传递对象而不是字符串?

  17. 17

    带有选择选项的 jquery 事件问题

  18. 18

    带有 gridview 选择字段的 Asp.net onClick 事件

  19. 19

    具有可以显示隐藏元素的select元素的onChange事件处理程序

  20. 20

    带有mousemove事件60 FPS的Javascript移动元素requestAnimationFrame

  21. 21

    带有`click`事件存储的jQuery元素未按要求工作

  22. 22

    Javascript动态创建带有事件的元素

  23. 23

    jQuery,选择带有类的所有元素

  24. 24

    在Sizzle / jQuery中选择带有冒号的ID的元素

  25. 25

    jQuery选择带有短代码的几个元素

  26. 26

    在带有nth-child的CSS中选择元素

  27. 27

    如何使用cypress选择带有标题的svg元素?

  28. 28

    通过值或带有硒的ID选择html元素

  29. 29

    jQuery选择带有短代码的几个元素

热门标签

归档