`
08284008
  • 浏览: 51138 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

angularjs select ng-options点击没有反应

 
阅读更多

参考https://segmentfault.com/a/1190000008461107

 

html 写道
<div>
<select ng-model="selectedGraph.selected.graphId" class="" id="qtSelect" ng-change="selectGraph()"
ng-options="graph.graphId as graph.graphName for graph in graphList"></select>
</div>

 页面渲染之后无论怎么点击都无反应,在pc端和手机端都没有。百度之后原来需要加个属性(data-tap-disabled="true")就可以了。

<div data-tap-disabled="true">
        	<select ng-model="selectedGraph.selected.graphId" class="" id="qtSelect" ng-change="selectGraph()"
                    ng-options="graph.graphId as graph.graphName for graph in graphList"></select>
        </div>

 

分享到:
评论

相关推荐

    AngularJS中ng-options实现下拉列表的数据绑定方法

    在AngularJS中,`ng-options`指令用于在`&lt;select&gt;`元素中动态生成下拉列表选项,实现数据绑定。这个指令使得我们可以轻松地将后台数据模型与用户界面交互结合,提供了一个灵活的方式来处理复杂的列表展示。 1. **...

    详解使用angularjs的ng-options时如何设置默认值(初始值)

    在使用AngularJS框架进行Web开发时,ng-options指令是一个非常有用的工具,它能够帮助我们以一种简单的方式生成下拉列表(select元素)。ng-options可以让我们更方便地将一个对象数组绑定到select元素上,并且可以...

    AngularJS基础 ng-options 指令详解

    ng-options是AngularJS中用于处理select元素选项的一个指令。这个指令能够使得下拉列表的生成更加高效,尤其在与模型数据绑定时非常有用。本文将详细介绍ng-options指令的使用方法和相关的知识点。 首先,ng-...

    AngularJS实现在ng-Options加上index的解决方法

    在AngularJS中,`ng-Options`指令用于动态地生成`&lt;option&gt;`元素,它通常与`&lt;select&gt;`元素一起使用,以便从一个数组或对象集合中选择值。然而,有时候开发者可能希望在选项中添加一个索引或者下标,就像`ng-Repeat`中...

    AngularJS使用ng-options指令实现下拉框

    2. `ng-options`: 这是AngularJS的指令,用于生成`&lt;select&gt;`元素的`&lt;option&gt;`子项。它接受一个表达式,该表达式定义了如何从数据数组中生成选项。在例子中,`ng-options="x for x in options"`表示`options`数组中的...

    angularjs select 赋值 ng-options配置方法

    在AngularJS中,`ng-options`指令用于动态生成HTML `&lt;select&gt;` 下拉列表。这个指令提供了灵活的方式来映射数组或对象到下拉列表的选项,同时也支持设置默认选中的值。下面将详细介绍如何使用`ng-options`进行配置,...

    angular指令笔记ng-options的使用方法

    在AngularJS中,`ng-options`是一个非常有用的指令,它用于根据数组或对象自动生成`&lt;select&gt;`元素的`&lt;option&gt;`列表。这篇笔记将深入探讨`ng-options`的使用方法,以及它如何与`ng-model`配合工作,提供更高效的数据...

    AngularJS实现select的ng-options功能示例

    在AngularJS中,`ng-options`指令用于动态生成`&lt;select&gt;`元素的选项。这个功能强大的指令使得在处理数据绑定时能更灵活地构建下拉列表。在标题和描述中提到的示例中,`ng-options`被用来根据`themeData`数组生成`...

    AngularJS动态绑定ng-options的ng-model实例代码

    在AngularJS中,`ng-model`和`ng-options`是两个非常重要的指令,它们用于双向数据绑定和构建可交互的表单元素,尤其是下拉选择列表。本文将深入探讨如何在特定情况下动态绑定`ng-model`,以实现与`ng-options`的...

    angularJs中ng-model-options设置数据同步的方法

    总而言之,ng-model-options是AngularJS中一个强大的功能,它不仅能够帮助开发者解决数据同步的痛点,还可以通过减少不必要的数据绑定更新来提高网页的性能和响应速度。在开发大型Web应用时,合理利用ng-model-...

    angularjs ui-select2 多选下拉所需资源文件

    在本文中,我们将深入探讨如何在AngularJS应用中集成并使用ui-select2库来实现多选下拉功能。AngularJS是一款强大的前端JavaScript框架,而select2是一个流行的jQuery插件,它提供了美观且功能丰富的选择器组件,...

    AngularJS入门教程之Select(选择框)详解

    AngularJS通过ng-options指令简化了选择框的创建和数据绑定,使得在视图层与模型层之间同步数据变得容易。 在AngularJS中,我们可以使用ng-options指令来创建一个下拉列表。ng-options指令是专门为select元素提供的...

Global site tag (gtag.js) - Google Analytics