Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >AngularJS ng-单击{$index}

AngularJS ng-单击{$index}
EN

Stack Overflow用户
提问于 2013-10-27 14:48:53
回答 1查看 1.4K关注 0票数 3

我对AngularJS有一个问题,当我使用$index时,它会破坏ng-click函数。

这是在使用ng-重复的div中完成的,重复代码工作正常.

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<a class="accordion-toggle" data-toggle="collapse" 
data-parent="#acc{{$index}}" ng-click="sayhi('{{ $index }}');" 
href="javascript:void(0);"> TEST </a>

当我点击的时候,它什么也做不了。我检查生成的HTML,它确实有ng- click ="sayHi('0')",但是单击事件不起作用。

或者,如果我将ng-单击更改为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ng-click="sayhi('0');" 

如果不使用{{$index}来生成零,它将非常完美地工作.

我试过角为1.0.6和1.2.0

另外,我使用的是jQuery 1.7和引导3.0,如果这有区别的话。

有人碰到过这个吗?如果是的话,我做错了什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-27 14:54:48

尝试:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ng-click="sayhi($index)"

由于ng-click不支持插值({{ }}),所以AFAIK只支持有效的角表达式

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19624576

复制
相关文章
Angular学习-指令入门
1.指令的定义 从用户的角度来看,指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单,也可以很复杂。AngularJS的HTML编译器会解析指令,增强模板的功能。也是组件化未来的发展趋势,目前HTML5中也加入了很多新标签,但是在实际业务开发过程中,有很多复用的模板,加上复用的交互效果,可以将其编写为AngularJS的指令,开发工程师可以在同一个项目,或多个项目中使用,实现开发一次,到处使用的目标。 2.内置指令和自定义指令 AngularJS内部指令都是ng-diretivename这种,以
八哥
2018/01/18
1.3K0
Angular学习-指令入门
Angular.js学习笔记 (二)
用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink
HUC思梦
2020/09/03
1.2K0
第215天:Angular---指令
在 AngularJS 中将前缀为 ng- 这种属性称之为指令,其作用就是为 DOM 元素调用方法、定义行为绑定数据等
半指温柔乐
2018/09/11
3.2K0
JavaScript强化教程——AngularJS 指令
摘要总结:本文为 H5EDU 机构官方 HTML5 培训,主要介绍了 AngularJS 指令,包括 ng-app、ng-init、ng-model 等指令。通过实例,讲解了 AngularJS 指令的基本用法以及数据绑定。
IMWeb前端团队
2017/12/29
9560
JavaScript强化教程——AngularJS 指令
本文为 H5EDU 机构官方 HTML5培训 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例
IMWeb前端团队
2019/12/05
7260
【AngularJS】 # AngularJS入门
ng-app 指令定义一个 AngularJS 应用程序。 若不声明,将直接显示表达式。
全栈程序员站长
2022/09/15
23.3K0
【AngularJS】 # AngularJS入门
AngularJS总结
因为最近想学习一下ionic框架,了解到ionic是基于AngularJS语法,并且通过SASS构建应用程序,之前自己一直用Vue框架,还有Less,刚刚好趁此机会,学习一下AngularJS与SASS。
全栈程序员站长
2022/09/15
6920
AngularJS 指令
AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。 ng-app指令初始化一个 AngularJS 应用程序。 ng-init指令初始化应用程序数据。 ng-model指令把元素值(比如输入域的值)绑定到应用程序。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例 在输入框中尝
企鹅号小编
2018/01/26
3.4K0
AngularJS笔记「建议收藏」
AngularJS 通过 ng-directives 扩展了 HTML。
全栈程序员站长
2022/09/15
1.7K0
Android Button 单击事件
方法一:在XML文件中指定 单击事件函数 <Button             android:id="@+id/button1"             android:layout_width="120dip"             android:layout_height="wrap_content"             android:layout_alignParentLeft="true"             android:layout_below="@+id/textView1
磊哥
2018/05/08
1.7K0
Selenium中单击Element:ElementClickInterceptedException
element = driver.find_element_by_css(‘div[class*=”loadingWhiteBox”]’)
kirin
2021/04/02
1.1K0
weex-08-单击事件
本节任务 学会组件添加单击事件 标准格式 <text v-on:click="方法名称">点我啊</text> 省略格式 <text @click="方法名称">点我啊</text> 下面我们创建
酷走天涯
2018/09/14
1.7K0
weex-08-单击事件
angularJS学习之路(六)---指令
一个东西需要说明:根据HTML标准,布尔属性代表一个true或者false值,当这个属性出现的时候,这个属性的值就是true, 无论实际值是什么,如果未出现,这个属性的值就是false
wust小吴
2019/07/08
1.7K0
【AngularJS】—— 1 初识AngularJs
怀着激动与忐忑的心情,开始了学习AngularJS的旅程,很久之前就听说了这个前端框架,但是由于自己一直没有从事相关的工作,因此也没有进行学习。这次正好学习AngularJS,直接复习一下前端的知识。目前这里还是弱点,慢慢深入的学习。   AngularJS是Google的优秀的前端框架,目前已经应用于多个产品。   通过w3cschool.cc的学习,简单的了解了下它的使用方法,但是对于原理还没有理解。   AngularJs相对于其他的框架来说,有一下的特性:   1 MVVM   2 模块化
用户1154259
2018/01/17
2.8K0
AngularJS 指令
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。
陈不成i
2021/07/23
3.1K0
【AngularJS】—— 2 初识AngularJs(续)
前一篇了解了AngularJS的一些简单的使用,这里继续跟着w3c学习一下剩下的内容。   本篇根据w3cschool.cc继续学习AngularJS剩余的内容,包括:   1 事件   2 模块   3 表单   4 数据验证   5 bootstrap CSS风格   6 include包含其他页面   7 应用程序   8 参考手册   首先看一下html的事件   关于html的事件,文中给出了三个例子,点击、隐藏、显示。使用方法基本相同:   先看一下点击的例子,点击按钮后,会触发ng-clic
用户1154259
2018/01/17
2.2K0
AngularJS
scope:单个controller的作用域。可以直接在某controller下的页面引用scope下的变量 rootScope:多个controller作用域的桥梁。可以直接在全局页面引用rootScope下的变量
城市中的游牧民族
2019/02/21
1.4K0
AngularJS简介
AngularJS是一个JavaScript矿建,他是一个JavaSscript编写的库。可以通过<script>标签添加到HTML页面。
全栈程序员站长
2022/09/16
5K0
Angularjs基础(二)
AngularJS 表达式   AngularJS 表达式写在双大括号内:{{expression}}   AngularJS 表达式把数据绑定到HTML,这与ng-bind 指令有异曲同工之妙   AngularJS 将在表达式书写的位置输出数据。   AngularJS 表达式很像JavaScript表达式:他们可以包含文字,运算符和变量。     实例{{5+5}} 或者{{firstName + "" +lastName}} AngularJs 数字   AngularJS 数字就像J
用户1197315
2018/01/19
3.5K0
Local index or Global index?
to_char(create_time, :"SYS_B_1") as create_time,
老虎刘
2022/06/22
1.4K0
Local index or Global index?

相似问题

AngularJS -ng-单击ng-单击

23

AngularJs ng-单击VS (“单击”)

43

AngularJS ng-重复ng-单击

30

在ng- $index中使用ng-单击

12

AngularJS ng-单击stopPropagation

48
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文