草庐IT

angular-dom-sanitizer

全部标签

javascript - 带有@HostListener的Angular 4加载事件

这就是我想要做的:import{Directive,HostListener,Input}from'@angular/core';@Directive({selector:'[appResizeWindow]'})exportclassResizeWindowDirective{@Input('appResizeWindow')line_ChartOptions:{};constructor(){}@HostListener('window:resize',['$event'])onResize(event:Event){console.log('Yo');if(event.targe

javascript - 如何找到由四个相同 Angular 组成的二维数组中最大的矩形?

考虑这个数组:[["B","C","C","C","C","B","B","C","A","A"],["B","A","C","B","B","A","B","B","A","A"],["B","C","B","C","A","A","A","B","C","B"],["B","B","B","A","C","B","A","C","B","A"],["A","A","A","C","A","C","C","B","A","C"],["A","B","B","A","A","C","B","C","C","C"],["C","B","A","A","C","B","B","C","A"

javascript - angular 5 - 仅当数组中存在元素时才添加类

在使用ng-for循环时,我想将类添加到项目,前提是项目的id存在于其他一些对象列表中。我试过这样的:item.Id==p.id)">或者这个:item.Id==p.id)?'Flag':''">但它没有编译。请注意,“favoriteList”可能会在“products”之后加载到页面。知道我该怎么做吗?谢谢! 最佳答案 问题出在你的some()方法上,举个例子component.html{{p.name}}component.css.Flag{background:red;}和component.tsproducts=[{"id

javascript - 将 getElementById 用于 [尚未] 在 DOM 中的元素?

据我所知,document.getElementById('myId')只会查找文档中已有的HTML元素。假设我通过JS创建了一个新元素,但我还没有将它附加到文档主体,是否有一种方法可以像我通常使用getElementById那样通过它的id访问这个元素?varnewElement=document.createElement('div');newElement.id='myId';//Withoutdoing:document.body.appendChild(newElement);varelmt=document.getElementById('myId');//won'twor

javascript - 用于普通 javascript 对象而不是 DOM 元素的 jquery 选择器

我刚开始使用jquery,我非常喜欢使用选择器。我突然想到,这个成语是遍历对象树(例如,JSON查询结果)的一种非常好的方式。例如,如果我有这样一个对象:varobj={'foo':1,'bar':2,'child':{'baz':[3,4,5]}};我希望能够编写类似$('childbaz:last',obj)的代码并得到5。我知道链接不起作用,但我仍然喜欢选择运算符。任何人都知道这样的野兽是否存在,或者写一个最简单的方法是什么? 最佳答案 这是让jQuery本身在对象上工作的概念验证实现。通过对象包装器(FakeNode),您可

javascript - 将大型元素/数据集附加到 dom 的性能

我一次附加大量表格行元素,遇到了一些主要瓶颈。目前我正在使用jQuery,但如果它能完成工作,我愿意接受基于javascript的解决方案。我需要在给定时间追加0-100表行的任何地方(实际上可能更多,但我会对超过100行的任何内容进行分页)。现在我将每个表行单独附加到dom...loop{..buildhtmlstr...$("#myTable").append(row);}然后我将它们全部淡入淡出$("#myTabletr").fadeIn();这里有几件事需要考虑...1)我将数据绑定(bind)到每个单独的表行,这就是为什么我首先从批量追加切换到追加单独的行。2)我真的很喜欢淡

javascript - 为什么 javascript 中的对象字面量会保存不必要的 DOM 引用?

来自this文档,不要这样做car=newObject();car.make="Honda";car.model="Civic";car.transmission="manual";car.miles=1000000;car.condition="needswork";改为这样做car={make:"Honda",model:"Civic",transmission:"manual",miles:1000000,condition:"needswork"}因为ThissavesspaceandunnecessaryDOMreferences.但是DOM只是在HTML、XHTML或XML

javascript - 删除未使用的 DOM 元素以提高性能

我正在编写单页应用程序。最初提供页面时,它包含许多DOM元素,这些元素包含我注入(inject)到页面中的json字符串。当页面加载到客户端时,首先发生的事情是这些DOM元素从json解析为javascript对象,然后它们再也不会被使用。从DOM中删除它们并减小其大小是否会带来性能优势?关于这方面,我还没有找到任何确凿的数据。有关信息,这些元素的大小约为500K。感谢您的建议。 最佳答案 WouldtherebeaperformancebenefitintodeletingthemfromtheDOMandreducingitss

javascript - 使用 Angular 加载部分页面并编译 Controller

在大型应用程序中,我们的Web应用程序可能会组织成单独的部分页面,以增加我们应用程序的模块化。在某些情况下,使用Angular$http.get或JQuery$.load编译通过XHR或Ajax请求加载的部分页面会引入错误。以我的场景为例,我正在使用KohanaPHP框架,因此我可以在服务器级别控制我的Web应用程序的模块化。像往常一样,所有模板和页面都被分离到View中,将所有HTML、JS和CSS留在表示层上。这将为我在客户端处理上实现JavascriptMVW/MVC堆栈提供极大的灵active,因为我的Web应用程序严重依赖AJAX请求从后端应用程序获取数据。在我的场景中,我使

javascript - 文档在 dom 操作后准备就绪

我正在用Phonegap做一个应用程序,我正在使用一个自建的幻灯片切换来更改页面。它是这样工作的:每个页面都是一个高度和宽度为100%的div,因此如果我更改页面,我会将下一个div设置为当前事件的右侧并将两者都滑动到左侧。现在问题来了:滑动工作正常,但它是在右侧div的内容完全加载之前执行的。所以右边的div滑入空白,只有几百毫秒后内容才会出现。我用document.ready试过了,但据我所知,这个事件只在第一次加载DOM时执行。在我用Javascript操作了DOM之后,有人知道如何等待DOM再次完全呈现吗? 最佳答案 在您的