草庐IT

angular-dom-sanitizer

全部标签

javascript - 从 html dom 创建可打印的 PDF

我有一个网页,其中有相当数量的内容是动态构建的(jqueryajax等),并且需要呈现它的可打印版本。我遇到了有关html/打印的所有常见问题,我可能(给定时间)解决这些问题,但这让我开始思考-是否有一种方法可以获取DOM并使用javascript从中生成PDF。这可能是一个有点愚蠢的问题-听起来有点棘手,我也不太确定即使我可以使用javascript构建一个PDF文件,我将如何将它呈现给用户。人们怎么看? 最佳答案 vardoc=newjsPDF();doc.text(20,20,'Helloworld!');doc.text(2

javascript - 将生成的内容添加到未绑定(bind)到 DOM 的 jQuery 对象失败

我正在尝试使用.append将HTML片段动态附加到现有元素。不知何故,脚本创建的HTML字符串没有附加到元素。附加到的元素在附加代码段时并未挂接到DOM中。所有这些都封装在一个JavaScript函数中。这是代码:append_content=function(){varelem=$('sometext');varsomecontent=get_content();//returnsastring:'xx'elem.append('bleh1');elem.append(somecontent);elem.append('bleh2');console.log(elem);retur

javascript - 测试 DOM 中元素的最佳方法是什么

有几种方法可以做到这一点(据我所知)。测试css显示if($('#foo').css('display')=='none')测试可见性if($('#foo').is(':visible'))在可见性中我可以检查元素是否存在。Elementsareconsideredvisibleiftheyconsumespaceinthedocument.Visibleelementshaveawidthorheightthatisgreaterthanzero.Elementswithvisibility:hiddenoropacity:0areconsideredvisible,sincethe

javascript - 测试一个对象是否是 DOM 事件

从像这样的函数中functioneventHandler(e){//...}是否有一种可靠且有效的方法来确定e是否为DOM事件? 最佳答案 我认为没有可靠的方法可以确定给定对象是否不是DOM事件。typeofe将始终为真正的Event对象返回'object',这没有帮助。您可能检查对象的任何属性都可以存在于真正的事件对象或任何非事件对象中。您可能认为原型(prototype)链可用于确定这一点,但它与#2存在相同的问题(可以轻松复制)。contructor属性看起来很有前途,但可以这样做:functionDummyEvent(){t

javascript - 使用 $http 发送 JSON 导致 Angular 发送文本/纯内容类型

我只想将以下JSONobjects发送到我的API后端:{"username":"alex","password":"password"}所以我使用Angular$http编写了以下函数:$http({method:'POST',url:'/api/user/auth/',data:'{"username":"alex","password":"alex"}',}).success(function(data,status,headers,config){//DoStuff}).error(function(data,status,headers,config){//DoStuff})

javascript - 等待 DOM 在 AngularJS 指令上准备就绪

我正在为我的Angular动力网站构建一个“导游”。我四处寻找选择和Intro.js似乎是最合适的。它已经准备好Angular指令和所有内容:AngularIntro.js.一切都按预期工作,直到我不得不向first(并且仅是第一个)添加一个步骤,一个由ng-repeat绑定(bind)注入(inject)的DOM对象。我给了所有ng-repeat项目一个唯一的ID(通过$index),但Intro.js就是不承认它。我猜Intro正在尝试通过指定的ID查找DIV,但由于ng-repeat尚未完成,因此没有该名称的DIV。我做了一个plunker,你可以看到它正在处理静态内容,但无法识

javascript - Angular $resource 在 transformResponse 之后访问元数据

我有以下API:{"meta":{"total_item":1,"number_of_pages":1,"page_number":1,"status":"Success"},"data":[{"name":"Operator1","short_name":"OP1","_id":"534d69bba758b3b7839ba7b9","__v":0,"users":["532ef6e28b42970ab797444f"]}]}我正在使用Angular$resource通过以下代码查询API:varapiDataTransformer=function($http){return$htt

javascript - json 数据上的 Angular js 中的 Slick Carousel 不起作用

我使用这个程序github.com/vasyabigi/angular-slick.它不适用于动态数据。它只适用于静态数据。在动态数据中,它显示垂直图像而不是水平图像,没有轮播。请帮助我。这是我的指令directive('slick',function($timeout){return{restrict:"AEC",scope:{initOnload:"@",data:"=",currentIndex:"=",accessibility:"@",arrows:"@",autoplay:"@",autoplaySpeed:"@",centerMode:"@",centerPadding:

javascript - 检测 Angular JavaScript promise 链中是否存在下一个处理程序

给定以下两个$resource示例:varexampleOne=$resource('/path').save(objectOne);exampleOne.$promise.then(function(success){},function(error){});varexampleTwo=$resource('/path').save(objectTwo);exampleTwo.$promise.then(function(success){});[注意:示例二不包含错误处理程序]还有一个位于所有$http请求之下的拦截器:varinterceptor=['$location','$q

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul