草庐IT

dom-repeat

全部标签

javascript - Angular JS 中的 DOM 查询; $ (".myclass").each() 替代

这个问题在这里已经有了答案:Whatisthealternativeforjqueryeachinangularjs?(2个答案)关闭8年前。我对AngularJS比较陌生,而且我已经使用jQuery很长时间了。这就是为什么我一直很难将我内部的jQuery转换为Angular。:D我想知道我们如何以Angular执行DOM查询。基本上,我面临着必须做这样的事情的情况$(".myClass").each(function(){$(this).doSomething();})任何人都可以建议我一个Angular程序员如何做这样的事情。谢谢

javascript - 在 Angular 中检测鼠标+键盘事件以进行 ng-repeat

我有一个应用程序,我在其中使用ng-repeat生成一组跨度,每个跨度都有一个唯一的ID(比方说span-{{$index}})。现在我想执行以下操作:如果我单击一个跨度,我希望复制该跨度的ID。我设法通过ng-click做到了这一点。我想进一步扩展此功能以检测多次点击,以获取所选ID的数组,但仅如果在点击期间按住CTRL键.例如。如果我在选择id为1,3,5,7的跨度时单击了ctrl按钮,我的数组应该有[1,3,5,7],但如果我没有按下CTRL键,那么我应该只有[7],因为它是最后选择的跨度。还有,我可以绑定(bind)相关事件吗?例如。如果我选择id为1的跨度,如果我单击CTRL

javascript - Controller 已加载到 DOM 中,但 View 未加载且无法找到 Controller - oclazyload with jade(pugjs)

我正在为我的项目使用angular1.6,并使用angular-ui-routing为HTML模板使用PugJs进行路由。我正在尝试在我的应用程序中实现Lazyload,但不知何故它不起作用可能是由于jade。代码:varapp=angular.module('myApp',['ui.router','oc.lazyLoad']);app.config(['$ocLazyLoadProvider',function($ocLazyLoadProvider{$ocLazyLoadProvider.config({debug:true,modules:[{name:'js',files:[

javascript - 是否可以判断 DOM 是否被修改,修改了哪一部分?

如果您知道DOM的哪一部分将被修改,是否有任何实用的方法来判断DOM的哪一部分被修改了?我正在编写一个插件,它将与我没有编写的javascript一起运行。DOM修改前会触发一个事件,DOM修改后会触发一个事件。决定改变了什么是我的工作。这可能吗?如果可能,最不可怕的方法是什么? 最佳答案 根据您需要的浏览器支持,您可以使用DOMmutationevents. 关于javascript-是否可以判断DOM是否被修改,修改了哪一部分?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 Javascript 中为非 dom 元素添加事件监听器?

在Java、C#、Actionscript等中。事件是针对类的,而在Javascript中,它似乎仅限于dom。我在这里读了一个用jQuery做的例子http://www.west-wind.com/weblog/posts/2010/May/27/NonDom-Element-Event-Binding-with-jQuery但是如果我不需要jQuery并且我想了解该机制,您会怎么做? 最佳答案 最简单的机制是这样的:functionPubSub(){this.subs={};this.subscribe=function(cha

javascript - 使用 JS/jQuery 启用/禁用 DOM 元素的事件

我在这里遇到了一个小问题,我已经投入了相当多的时间,与它的功能相比,这个问题非常糟糕。我的DOM中有标签,我已经使用jQuery将几个事件绑定(bind)到它们。vara=$('').click(data,function(){...})有时我想禁用其中一些元素,这意味着我向它添加一个CSS类“已禁用”并且我想删除所有事件,因此不再触发任何事件。我在这里创建了一个名为“Button”的类来解决这个问题varbutton=newButton(a)button.disable()我可以使用$.unbind从jQuery对象中删除所有事件。但我也想拥有相反的功能button.enable()

javascript - 如何在 "up"和 "down"方向操作DOM时避免重复代码?

我正在编写一个JSwebapp客户端。用户可以编辑文本项列表/树(例如,待办事项列表或注释)。我经常使用jQuery操作DOM。用户可以使用键盘(类似于GMail中的J/K键)在列表中上下导航,并执行其他一些操作。其中许多操作都具有镜像“向上”/“向下”功能,例如$.fn.moveItemUp=function(){varprev=this.getPreviousItem();prev&&this.insertBefore(prev);//there'sabitmorecodeinhere,buttheideaisprettysimple,//i.e.movetheitemupifth

javascript - 使用 ng-repeat 拖动后,Angularjs 指令属性绑定(bind)左/顶部位置

我是Angular的新手,一直在尝试创建一个指令,该指令将在元素被用户拖动后将其位置绑定(bind)到模型。我发现了另一个StackOverflow问题,它针对一个简单的对象解决了这个问题:AngularjsdirectiveattributebindingofleftandtoppositionafterdraggingmyApp.directive('draggable',function(){return{restrict:'A',link:function(scope,element,attrs){element.draggable({cursor:"move",stop:fu

javascript - 以字符串形式获取完整的 DOM 堆栈

我想以字符串形式获取完整的DOM堆栈。例如,请打开Chrome,按F12并输入“document.all”。这个对象代表完整的DOM。我想将此对象转换为字符串。在Chrome中,您可以浏览对象、展开部分并在Web调试器控制台中查看其内容。是否有可能将document.all转换为字符串?或者类似的解决方案给我完整的DOM堆栈?我不只是想要innerHTML/outerHTML,我想要当前DOM中定义的所有内容。有任何想法吗?提前致谢...编辑:好的,我觉得我的问题有点令人困惑,对此深表歉意。澄清这一点:我想获取定义的每个对象的每个属性,包括“document.location”、“do

javascript - ng-repeat 忽略立即 ng-if

我已经使用AngularJS很长时间了,但现在遇到了一个奇怪的问题,即ng-if被ng-repeat忽略了。这是无法按预期工作的示例和简单代码{{detail.name}}{{detailed.prof}}Printthis(Updated)这是我的plunkr:https://plnkr.co/edit/xy4Qyd4tXm6kWROiaFVR?p=preview 最佳答案 使用这个版本或者使用ng-if->ng-show 关于javascript-ng-repeat忽略立即ng-if