Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >AngularJs过滤器事件?

AngularJs过滤器事件?
EN

Stack Overflow用户
提问于 2015-11-05 03:32:31
回答 1查看 598关注 0票数 0

尝试在AngularJS中制作一个可滚动的水平图像旋转木马,效果很好。在我的代码中,我通过改变左边的位置来“滚动”。当我添加一个过滤器输入框时,我需要能够重置我正在滚动的元素的左侧位置。

我正在尝试理解在AngularJs中实现这一点的最好方法

要查看问题所在:click here

你应该去装一堆电影海报。将鼠标悬停在旋转木马上,然后向下滚动鼠标滚轮5到6次。

现在在搜索框中输入fast。列表项的左侧位置不在视图范围内。我必须单击几次左键才能看到它们。

我希望能够在过滤器发生后将左侧位置重置为0。

谢谢

EN

回答 1

Stack Overflow用户

发布于 2015-11-05 21:45:39

我确信这是一个黑客行为,但我在textbox onkeyup事件上使用了一个事件来解决这个问题。

代码语言:javascript
运行
AI代码解释
复制
<input type="text" data-ng-model="search.Title" onkeyup="resetLeft()" /><img src="images/search.png" />

function resetLeft()
{
var obj = document.getElementById('carousel');
obj.style.left = 40;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33536206

复制
相关文章
AngularJS 事件
ng-hide 指令设置 <p>元素及两个输入域是否可见, 根据 myVar 的值 (true 或 false) 来设置是否可见。
陈不成i
2021/07/23
1.7K0
AngularJS系列(八)——事件
ng-click :点击 ng-click 指令定义了 AngularJS 点击事件。 <div ng-app="myApp"ng-controller="myCtrl"> <buttonng-click="count=count+1">点我!</button> <p>{{count}}</p> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function
逝兮诚
2019/10/30
5110
AngularJS系列(三)——过滤器(filder)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
逝兮诚
2019/10/30
4960
[angularjs] angularjs系列笔记(四)过滤器
过滤器可以使用一个管道字符(|)添加到表达式和指令中,这不就是模板函数吗 <body> <div ng-app="Home"> <div ng-controller="Index"> 格式化字符串为小写 {{myName()|lowercase}}。 格式化字符串为大写 {{myName()|uppercase}}。 格式化数字为货币格式 {{price|currency}}。
唯一Chat
2019/09/10
4850
[angularjs] angularjs系列笔记(八)事件
当点击按钮的时候,赋值count变量并且给count变量加1,显示出count变量
唯一Chat
2019/09/10
4500
【AngularJS】—— 9 自定义过滤器
AngularJS另一个特点就是提供了过滤器,可以通过操作UNIX下管道的方式,操作数据结果。   通过使用管道,可以便于双向的数据绑定中视图的展现。   过滤器在处理过程中,将数据变成新的格式,而且可以使用管道这种链式风格,还能接受附加的参数。   实现方式   下面看一下如何定义声明一个过滤器,首先依然是要创建我们自己的模块myAppModule var myAppModule = angular.module("myApp",[]);   接下来在模块的基础上,创建过滤器: myAppModul
用户1154259
2018/01/17
6510
【AngularJS】—— 9 自定义过滤器
17.QT-事件处理分析、事件过滤器、拖放事件
Qt事件处理介绍 Qt平台会将系统产生的消息转换为Qt事件 Qt事件是一个QEvent的对象 Qt事件用来描述程序内部或外部发生的动作 任意的QObject对象都具备事件处理的能力 Qt常见的事件继承
诺谦
2018/05/28
1.5K0
angularjs学习第二天笔记---过滤器
 您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教。谢谢!
小小许
2018/09/20
1.3K0
前端MVC学习总结(二)——AngularJS验证、过滤器、指令
一、验证 angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的ng属性,常见的如下所示: <input Type="text" ng-model="" [name
张果
2018/01/04
15.4K0
前端MVC学习总结(二)——AngularJS验证、过滤器、指令
angularjs学习第二天笔记---过滤器
 您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教。谢谢!
小小许
2018/08/30
1.3K0
angularjs学习第二天笔记---过滤器
【AngularJS】 # AngularJS入门
ng-app 指令定义一个 AngularJS 应用程序。 若不声明,将直接显示表达式。
全栈程序员站长
2022/09/15
23.3K0
【AngularJS】 # AngularJS入门
angularjs学习第三天笔记(过滤器第二篇---filter过滤器及其自定义过滤器)
您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教。谢谢!
小小许
2018/09/20
1.1K0
python pyqt5 事件过滤器
from PyQt5.QtGui import * from PyQt5.QtCore import * from PyQt5.QtWidgets import * import sys
用户5760343
2019/07/22
1.5K0
AngularJS处理和转换视图中数据的重要工具:过滤器
AngularJS 是一个功能强大的 JavaScript 前端框架,它提供了丰富的内置过滤器,用于处理和转换视图中的数据。过滤器是 AngularJS 的核心特性之一,它可以帮助我们在模板中对数据进行排序、过滤、格式化等操作,从而更好地满足用户需求。本文将详细介绍 AngularJS 过滤器的概念、特性和用法,并提供一些示例来帮助读者更好地理解和应用。
网络技术联盟站
2023/07/05
2080
angularjs学习第三天笔记(过滤器第二篇---filter过滤器及其自定义过滤器)
您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教。谢谢!
小小许
2018/08/30
1.3K0
angularjs学习第三天笔记(过滤器第二篇---filter过滤器及其自定义过滤器)
【AngularJS】—— 1 初识AngularJs
怀着激动与忐忑的心情,开始了学习AngularJS的旅程,很久之前就听说了这个前端框架,但是由于自己一直没有从事相关的工作,因此也没有进行学习。这次正好学习AngularJS,直接复习一下前端的知识。目前这里还是弱点,慢慢深入的学习。   AngularJS是Google的优秀的前端框架,目前已经应用于多个产品。   通过w3cschool.cc的学习,简单的了解了下它的使用方法,但是对于原理还没有理解。   AngularJs相对于其他的框架来说,有一下的特性:   1 MVVM   2 模块化
用户1154259
2018/01/17
2.8K0
AngularJS 的 API:模块 API、指令 API、服务 API、过滤器 API、路由 API
AngularJS 是一款流行的前端 JavaScript 框架,提供了丰富的 API 接口,用于实现前端应用的各种功能。本文将详细介绍 AngularJS 的 API,包括模块 API、指令 API、服务 API、过滤器 API、路由 API 等内容,帮助开发者充分了解和熟练运用 AngularJS 的各项功能。
网络技术联盟站
2023/07/05
3090
【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 还真有点碰巧,在用 JQuery 写数据绑定的时候,我被数据对象和 DOM 之间的同步整烦了,要写一大堆方法绑定和取值/设值的代码逻辑,丑得要死。简单说来,就是:
四火
2022/07/18
2.8K0
借助 AngularJS 写优雅的代码

相似问题

Angularjs用户界面过滤器取消事件

13

AngularJS事件不起作用的jQuery过滤器

30

AngularJS。过滤器

11

当过滤器执行时,我如何向angularjs添加事件?

10

AngularJS过滤器语法

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

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