草庐IT

angular-dom-sanitizer

全部标签

javascript - Angular:根据服务方法调用设置路由

我通过@NgModule设置了路由配置。我有一项服务,可以根据特定条件确定应向用户显示应用程序的哪些部分。我需要调用该服务并根据返回值设置路由。问题:路由配置是在注释中设置的,我无法在这样的设置中调用服务。这里更具体的是我要增强的示例配置。我当前的路由设置:constappRoutes:Routes=[{path:'',redirectTo:'first-route',pathMatch:'full'},{path:'first-route',component:FirstComponent,pathMatch:'full'},{path:'second-route',componen

javascript - 库的 Angular CLI 6.x 环境文件

我已经使用新的CLI6.x创建了一个库。我还在其中创建了一个Angular服务,我想为我的开发和生产环境使用不同的URL。所以我在我的库文件夹中创建了一个environment.ts和一个environment.prod.ts文件。//devexportconstenvironment={production:false,url:'dev-url'};//prodexportconstenvironment={production:true,url:'prod-url'};我还在angular.json文件中添加了'fileReplacements'属性:"configurations

javascript - 使用 Angular 2 和 Node.js 下载不支持 Firefox 的 PDF

我正在从NodeJavaScript后端获取base64字符串。但它不像Chrome那样工作。我在网上找不到任何解决方案。在API调用中获得200状态,但它没有在Firefox中下载文件,而相同的代码在Chrome中运行良好。这是我的代码::staticdownloadFile(fileName:string,fileMimeType:string,uri:string){constdataURI=uri;constblob=this.dataURIToBlob(dataURI);consturl=URL.createObjectURL(blob);constblobAnchor=do

javascript - Angular 6 - 后退按钮按下触发器不止一次

我有以下代码使用Angular6检测后退按钮按下。import{Location}from'@angular/common';exportclassProductsComponentimplementsOnInit{constructor(privatelocation:Location){this.handleBackButtonPress();}handleBackButtonPress(){this.subscribed=true;this.location.subscribe(redirect=>{if(redirect.pop===true){alert('thisisaba

javascript - 可以将 HTML dom 元素拖放到 SVG dom 元素上吗?

我目前正在使用RaphaëlJS(愿意切换到jQuerySVG)和jQueryUI来尝试制作棋盘游戏的原型(prototype)。它与Risk有点相似,因为棋盘是一张map,您可以(希望很快)将棋子从map上的一个区域拖到另一个区域(比如从A到B)并将它们放在那里。一旦下降,它会触发回调来做一些工作。现在我一直在尝试获取拖放功能。我想拖动一个html元素(div)并将其放到SVG元素上。我对SVG不是很熟悉,但据我了解,要使HTML和SVGDOM一起工作,需要克服一些问题。我有两个版本,我正在尝试让jQueryUI拖/放到其中任何一个。一种是将jQuerySVG与svgdom插件+jQ

javascript - 调用同一个函数的两个 dom 事件如果同时发生,则应该只调用该函数一次

我有一个输入和一个按钮。当我从输入模糊并且输入发生变化时,应该调用price()函数。此外,当我单击按钮时,应该调用price()函数。问题在于,当用户修改输入值并单击按钮时,price()函数被调用了两次。我不希望发生这种情况。我尝试了老式的方法,在输入时将变量“inPriceFunction”设置为true,并在输入前检查它是否未设置。这没有用,因为两个事件(模糊和点击)是在同一时间执行的,if和变量集没有时间发生。我怎样才能避免这种情况?我尝试过的:testcalled=0;functionprice(){if(called==true){return;}else{called=

javascript - 不正确的 Angular ,错误的边计算

我需要计算3个点之间的Angular。为此,我执行以下操作:捕获三个点(上一个,当前和下一个,它在一个循环中)用毕达哥拉斯计算点与点之间的距离使用Math.acos计算Angular这似乎适用于没有超过180度Angular的形状,但是如果形状有这样的Angular,它会计算短边。这是一个说明我的意思的插图(红色值是错误的):这是执行计算的代码://Pythagorasforcalculatingdistancebetweentwopoints(2D)pointDistance=function(p1x,p1y,p2x,p2y){returnMath.sqrt((p1x-p2x)*(p

javascript - 如何遍历 HTML DOM?以及如何获取元素的事件、样式和属性(附示例)

编辑2(解决方案)Javascript对于“可能的”javascript方式,请参阅下面的@sabof回答:https://stackoverflow.com/a/22172009/3309243…………JQUERY事件:我很快制作了一个示例函数getEvents(),但它似乎有效:)属性:我在互联网上的某个地方找到了这个,通过使用.attr()返回所有属性另外,我刚刚发现了有关在浏览器中进行调试的知识,因此现在知道如何查看对象。可能有人想知道如何:打开您的控制台(在FireFox中至少为f12)并在控制台命令行中键入例如$("body")(一直在底部),单击返回的对象并查看控制台:P

javascript - 如何在不刷新 Controller 的情况下替换 Angular 位置?

假设我有一个用于编辑电子贺卡的Angular应用程序。创建新电子贺卡使用类似#/ecard/create的路径,编辑现有电子贺卡使用类似#/ecard/:id的路径。标签系统让我们可以同时打开多个电子贺卡进行编辑。我们想要一个自动保存功能,就像用户期望的那样。现代网络邮件或wiki软件(或StackOverflow本身)。我们不想在用户打开创建表单时保存电子贺卡草稿,这会给我们很多空白电子贺卡草稿,所以我们在用户开始输入时开始自动保存。我想在我们的Controller中编写这样的代码(这被简化为不包括例如错误处理或在选项卡关闭时停止自动保存等):$scope.autosave=func

javascript - JS Canvas - 以指定 Angular 画线

我想制作一个应用程序,让球按照鼠标击中它的Angular移动。因此,如果您从左上象限以30度Angular向下滑动鼠标(我猜那将是180-30=150度Angular),它会以这种方式击球。我一直在这样画我的线条:functiondrawAngles(){vard=50;//startlineat(10,20),move50pxawayatangleof30degreesvarangle=80*Math.PI/180;ctx.beginPath();ctx.moveTo(300,0);ctx.lineTo(300,600);//x,yctx.moveTo(0,300);ctx.line