草庐IT

dom-repeat

全部标签

javascript - 警告 : Unknown DOM property class. 你是说类名吗?

我刚刚开始探索React,通过添加一个具有简单渲染功能的组件:render(){return}当我运行该应用程序时,出现以下错误:Warning:UnknownDOMpropertyclass.DidyoumeanclassName?我可以通过将class更改为className来解决这个问题。问题是;React是否强制执行此约定?另外,为什么我需要使用className而不是传统的class?如果这是一个限制,那么它是由于JSX语法还是其他原因? 最佳答案 是的,这是一个React约定:SinceJSXisJavaScript,i

javascript - 在 JavaScript 中测试 DOM 元素的类型

有没有办法在JavaScript中测试元素的类型?答案可能需要也可能不需要原型(prototype)库,但是以下设置确实使用了该库。function(event){varelement=event.element();//iftheelementisananchor...//iftheelementisatd...} 最佳答案 您可以使用typeof(N)来获取实际的对象类型,但您要做的是检查标记,而不是DOM元素的类型。在这种情况下,请使用elem.tagName或elem.nodeName属性。如果您想真正发挥创意,可以使用标记

javascript - 将 HTML 字符串附加到 DOM

如何附加HTML字符串,例如varstr='Justsometexthere';到IDtest?(顺便说一下div.innerHTML+=str;是NotAcceptable。) 最佳答案 使用insertAdjacentHTML哪个issupportedinallcurrentbrowsers:div.insertAdjacentHTML('beforeend',str);位置参数beforeend将添加到元素内部,在其最后一个子元素之后。现场演示:http://jsfiddle.net/euQ5n/

javascript - 检查任何 DOM 元素的附加事件处理程序

有什么方法可以查看DOM元素的任何事件附加了哪些函数/代码?使用Firebug或任何其他工具。 最佳答案 ElementsPanelinGoogleChromeDevelopertools自2011年年中Chrome发布和2010年Chrome开发者channel发布以来一直存在此问题。此外,为所选节点显示的事件监听器按照它们被触发的顺序通过捕获和冒泡阶段。在MacOSX上按command+option+i和Ctrl+Shift+i在Windows上在Chrome中启动它 关于javas

javascript - 如何在 AngularJs 中使用 ng-repeat 过滤(键,值)?

我正在尝试做类似的事情:{{k}}{{v.pos}}AngularJs部分:functionTestCtrl($scope){$scope.items={'A2F0C7':{'secId':'12345','pos':'a20'},'C8B3D1':{'pos':'b10'}};$scope.hasSecurityId=function(k,v){returnv.hasOwnProperty('secId');}}但不知何故,它向我展示了所有项目。如何过滤(key,value)? 最佳答案 Angularfilters只能应用于数组

javascript - 如何计算 DOM 元素内的文本行数?我可以吗?

例如,我想知道是否有一种方法可以计算div内的行数。假设我们有一个像这样的div:hellohowareyou?根据许多因素,div可以有一行、两行甚至四行文本。脚本有什么办法知道吗?换句话说,DOM中是否表示自动中断? 最佳答案 如果div的大小取决于内容(根据您的描述我假设是这种情况),那么您可以使用以下方法检索div的高度:vardivHeight=document.getElementById('content').offsetHeight;并除以字体行高:document.getElementById('content')

javascript - Ajax、后退按钮和 DOM 更新

如果javascript修改了页面A中的DOM,用户导航到页面B,然后点击后退按钮返回页面A。对页面A的DOM的所有修改都将丢失,用户看到的是最初从页面检索的版本服务器。它在stackoverflow、reddit和许多其他流行网站上都是这样工作的。(尝试向这个问题添加测试评论,然后导航到不同的页面并点击返回按钮返回-你的评论将“消失”)这是有道理的,但一些网站(apple.com、basecamphq.com等)以某种方式强制浏览器为用户提供页面的最新状态。(转到http://www.apple.com/ca/search/?q=ipod,单击顶部的下载链接,然后单击后退按钮-所有D

javascript - 什么是虚拟 DOM?

最近,我看了Facebook的React框架。它使用了一个名为“虚拟DOM”的概念,我当时并没有真正理解它。什么是虚拟DOM?有什么优势? 最佳答案 React创建一棵代表DOM一部分的自定义对象树。例如,它不是创建一个包含UL元素的实际DIV元素,而是创建一个包含React.ul对象的React.div对象。它可以非常快速地操作这些对象,而无需实际接触真实的DOM或通过DOMAPI。然后,当它呈现一个组件时,它会使用这个虚拟DOM来确定它需要对真实DOM做些什么才能让两棵树匹配。您可以将虚拟DOM想象成一个蓝图。它包含构建DOM所

javascript - Angularjs ng-repeat 跨多个 trs

我正在将Angular.js用于一个应用程序,该应用程序使用隐藏的trs通过显示tr并在下面的td中向下滑动div来模拟滑出效果。当迭代这些行的数组时,这个过程使用knockout.js非常有效,因为我可以使用围绕两个tr元素。带Angular,ng-repeat必须应用于html元素,这意味着我似乎无法使用标准方法重复这些双行。我对此的第一react是创建一个指令来表示这些双trs,但这并不理想,因为指令模板必须有一个根元素,但我有两个()。如果有ng-repeat和angular经验的人破解了这个问题,可以解释如何解决这个问题,我将不胜感激。(我还应该注意,将ng-repeat附加

javascript - AngularJS - 如何获取 ng Repeat 过滤器结果引用

我正在使用带有过滤器的ng-repeat指令,如下所示:ng-repeat="iteminitems|orderBy:'order_prop'|filter:query|limitTo:4"我可以很好地看到渲染结果;现在我想在我的Controller中对该结果运行一些逻辑。问题是如何获取结果项引用?更新:澄清一下:我正在尝试创建自动完成,我有以下输入:然后是过滤后的结果:{{item.name}}现在我想浏览结果并选择其中一项。 最佳答案 更新:这是一种比以前更简单的方法。{{item}}然后$scope.filteredItems