草庐IT

dom-repeat

全部标签

javascript - Angular2 指令 : How to detect DOM changes

我想将Skrollr实现为Angular2属性指令。所以,格式可能是:但是,为了实现这一点,我需要能够检测包含标记(在本例中为)下方的子元素中DOM的变化,以便我可以调用skrollr.init()。刷新();并更新库以使用新内容。是否有一种我不知道的直接方法,或者我是否采用了错误的方法? 最佳答案 Angular没有为此目的提供一些内置的东西。您可以使用MutationObserver检测DOM变化。@Directive({selector:'[my-skrollr]',...})classMyComponent{construc

javascript - Angular UI.Bootstrap 单选按钮与 ng-repeat 的行为很奇怪

这个问题在这里已经有了答案:Settingandgettingbootstrapradiobuttoninsideangularrepeatloop(1个回答)关闭9年前。我在Angular的ui.bootstrap中为radio模型动态生成选项时遇到问题。我想我可以简单地ng-repeat一个数组,使用它的btn-radio属性的内容,如下所示://inthecontroller$scope.radioModel=undefined;$scope.radioModelButtons=["a","b","c"];//inthehtml{{value}}我使用的是angular1.1.4

javascript - 在没有 DOM 操作或 jQuery 的情况下,如何在 AngularJS 中制定指令来验证电子邮件或密码确认?

我想在AngularJS中创建一个密码/电子邮件确认指令,但到目前为止我看到的所有指令都依赖于大量DOM戳或拉入jQuery。如果可以的话,我只想依赖$scope属性。最好的方法是什么? 最佳答案 在查看了实现此类指令的众多有用方法之后,我想出了如何在不进行DOM操作或使用jQuery的情况下实现它。这是一个Plunkthatshowshow.它涉及使用:两个输入字段的$scope上的ng-model属性$parse(expr)(scope)和一个简单的scope.$watch表达式——根据添加匹配属性指令的控件的$modelVal

javascript - 在 Chrome 控制台中选择 DOM 元素

我对以下内容有点困惑:假设我有一个ID为para的段落元素。.使用Chromes控制台,如果我说document.getElementById("para")我返回了HTML片段....,而如果我使用例如Javascript库D3的选择方法并说d3.select("#para")我返回了DOM节点,可以访问段落元素的所有属性和方法。为什么会有这种差异? 最佳答案 默认情况下,在Chrome中记录DOM节点时,它显示为标记。要将DOM节点记录为普通对象,请使用console.dir。d3.select("#para")显示为普通对象的

javascript - web worker访问dom

我快疯了,需要你的帮助。我正在处理一个serviceworker项目,我正在处理一个javascript问题。我有两个主要文件。server.html文件,我在52行调用外部service-worker.js文件。这是我的server.html文件PRESENTERNickname:Nickname:OK-->$(document).ready(function(){console.log("jqueryreadyfunction");$('#nick').focus();$('#form-nick').submit(function(){varform=$('#form-nick')

javascript - Google Chrome 扩展操作打开或当前选项卡的 DOM

好的,JavaScript/jQuery我明白了,我可以用它来做我想做的事情。然而,我目前正在尝试做的是使用打开/当前选项卡的DOM,我想知道这是否可能,或者我使用扩展名所做的所有工作都仅限于我为它提供“背景”的html。html"或等效文件。对于今天对谷歌扩展程序进行罢工的尝试,我想在页面上拍摄图像并将它们存储在数组中,以通过我想添加到页面底部的栏从中创建类似幻灯片的效果将其附加到打开/当前选项卡的现有DOM。然后我想在DOM中“隐藏”元素,直到栏关闭。所以我的第一个问题是,这样的事情是否可能,我能否以这种方式操作DOM并从中读取。 最佳答案

javascript - TypeScript 项目中缺少基本的 DOM 类型

我正在用TypeScript设置一个网络应用程序,我似乎缺少一些我需要的基本类型。当我编译(npmrunbuild)时,我得到以下错误,errorTS2304:Cannotfindname'HTMLElement'.errorTS2304:Cannotfindname'SVGElement'.errorTS2304:Cannotfindname'EventTarget'.errorTS2304:Cannotfindname'TouchEvent'.errorTS2304:Cannotfindname'MouseEvent'.errorTS2304:Cannotfindname'Poin

javascript - <iframe> javascript跨域访问父DOM?

我控制嵌入在来自另一个域的页面中的iframe的内容。我的iframe中的javascript是否有任何方法可以更改父级的DOM?例如,我想让我的iframed脚本向父DOM添加一堆html元素。这似乎是一个相当高的要求-想法?编辑:存在一种称为“FragmentIDMessaging”的技术,它可能是跨域iframe之间进行通信的一种方式。编辑:此外,Firefox3.5、Opera、Chrome(等)似乎正在采用html5"postMessage"api,它允许在框架、iframe和弹出窗口之间进行安全的跨域数据传输。它像一个事件系统一样工作。显然,IE8支持此功能,这可能有点令人

javascript - 在 iPad 上捕获 Click on DOM/HTML/BODY 事件

我正在使用jQuery来检测对DOM的点击-或者让我们检测每次点击。$(document).click(function(){alert("Click:-)");});这在除适用于iPad/iPhone的Safari之外的所有浏览器中都运行良好。我还尝试将事件应用于html或body元素-没办法。如何检测iPad/iPhone上的普通点击?最好的问候,吉姆 最佳答案 正如我在http://www.danwellman.co.uk/fixing-jquery-click-events-for-the-ipad/上发现的那样您可以测试用

javascript - 我们如何使用 DOM 访问单选按钮的值?

我们如何使用DOM访问单选按钮的值?例如。我们将单选按钮设置为:它们位于名称为form1的表单中。当我尝试document.getElementByName("sex").value无论选中的值如何,它始终返回“男性”。 最佳答案 只是为了“泛化”Canavar非常有用的功能:functiongetRadioValue(theRadioGroup){varelements=document.getElementsByName(theRadioGroup);for(vari=0,l=elements.length;i...现在将这样引