草庐IT

Web-Angular

全部标签

javascript - 如何在 Angular 2 中编写窗口关闭事件处理程序?

如何在Angular2中编写窗口关闭事件处理程序,我的意思是关闭而不是刷新。所以我不能使用window.onBeforeunLoad(); 最佳答案 像这样尝试:import{HostListener}from'@angular/core';@HostListener('window:beforeunload',['$event'])beforeUnloadHander(event){returnfalse;} 关于javascript-如何在Angular2中编写窗口关闭事件处理程序?

javascript - 使用过滤器的 Angular 突出显示和取消突出显示动态 html

我正在尝试编写一组过滤器来突出显示然后取消突出显示动态生成的html:高亮过滤器:app.filter('highlight',function($sce){returnfunction(str,termsToHighlight){//SorttermsbylengthtermsToHighlight.sort(function(a,b){returnb.length-a.length;});varregex=newRegExp('('+termsToHighlight.join('|')+')','g');return$sce.trustAsHtml(str.toString().r

javascript - 使用 Web API 的客户端 Web 应用程序,如何根据服务器端 Web API 的期望填充选择框字段值?

我在一个Web应用程序中工作,该应用程序有一个由ASP.NETCoreMVC提供支持的服务器,前端是一个使用TypeScript的Angular5.0单页应用程序。在客户端我有一个带有表单的页面和一些输入控件。我在这里的设计挑战是中的选择应限制为我的.NETCore中WebAPI期望的值。由于服务器和客户端应用程序是同一个VisualStudio解决方案的一部分,我想尽量减少WebAPI中的破坏性更改。我认为我可以做到这一点的一种方法是让客户端表单和输入有些愚蠢,并从服务器请求有效值来填充控制与。这样我就不必在客户端和服务器中重复逻辑(例如,如果我在C#中定义了一个枚举,然后在Type

javascript - Angular.js 和 Fabric.js : Fabric canvas changes behavior once code is moved to a Angular Directive

我有一个简单的AngularJS/FabricJs应用程序,目的是允许在上传之前移动/重新调整图像大小。基本上有四个步骤:1)Ipresentaformwithacanvas,andarectangleinsideofformtorepresentacliparea2)browseforalocalfile3)addittothecanvas4)andhaveabuttontocapturetheclipareainsideofthecanvas当我将代码从直接嵌入的形式移动到位于AngularDirective(指令)后面时,就会出现问题。一旦我将表单移动到指令中,就会弹出一个问题,

javascript - 如何在单页(Web)应用程序上进行 "end-client"性能测试?

我们正在评估如何在single-pageapplication(SPA)上测试性能这在很大程度上依赖于JavaScript和动态内容(通过Ajax更新)。流行的负载测试工具,如ApacheJMeter或Gatling能够通过发送HTTP请求用很少的硬件产生巨大的负载。但它们不处理任何Javascript代码。我们想衡量客户端感知的性能,即坐在浏览器前的最终用户感知的性能(包括所有渲染和JavaScript开销)。我们考虑了以下备选方案:使用SeleniumGrid在多台机器上同时运行测试脚本。每个实例都将在运行时收集的延迟数据提交到中央存储库。与上面类似,只是只启动了一个Seleniu

javascript - JSONP 请求在 Angular 应用程序中给出 404

我正在尝试使用JSONP请求从API获取一些数据,但我每次都收到404。我假设我的URL是错误的,但我可以在Chrome中手动点击URL并获得所需的响应。我的$http.jsonp请求总是出错,并在错误回调的console.log中显示404。这是发出请求的代码:$scope.fetchDefaultLabel=function(){//Thiscodewilleventuallysetthelabeltothesitenamewhentheendpointfieldblurs.//Currentlynotworkingproperly.if($scope.endpoint){varb

javascript - 使 Angular 中的所有 $http 缓存失效

我有一个Angular应用程序,其中包含许多基于Angular内置$resource服务的服务。其中许多使用cacheFactory来创建自己的独立缓存。但是,我想在有人注销时清除所有这些(命名缓存和“默认”$http缓存)。现在,我正在使用location.reload(true)来完成此操作,这当然有效,但如果可以在不完全更改应用程序结构的情况下实现它,那么在不重新加载的情况下会很好。澄清一下,我知道如果我在范围内有对单个缓存的引用,我可以删除缓存的值,但我想做的是全面删除所有缓存,而不必知道他们都叫什么。 最佳答案 你可以注入

javascript - 无法解析 VS 2015 Angular 2 导入模块

我创建了一个空的web项目并使用添加了文件Angular-clihttps://scotch.io/tutorials/use-the-angular-cli-for-faster-angular-2-projects我可以使用ngbuid/serve正常运行网站,但我在编辑器中遇到以下错误:我在某处读到它是版本9中的Resharper错误,所以我将我的Resharper升级到最新版本,这解决了问题,但它无法解析模块。有什么建议吗?编辑:创建了一个新的typescript类,它给出了以下错误 最佳答案 据我所知,Resharper仍

javascript - 模块级别的 Angular HTTP 拦截器

我刚刚将我的Angularv4.2.5应用程序升级到Angularv4.3.6,主要是为了使用Interceptors。这是一个非常棒的功能,提供了一种干净的方式来拦截HTTP调用。但是,我似乎无法在模块级别限定拦截器的范围。例如,我有一个AppModule,还有两个模块AModule和BModule。AModule和BModule都包含在AppModule中。现在,在Angular4中有没有一种方法可以在模块级别限定拦截器的范围,这样我在AModule中用于HTTP请求的拦截器不应该与中的HTTP请求一起使用B模块。目前,拦截器正在所有HTTP调用之间共享,这出乎我的意料。我知道所有

javascript - 在 webworker 中运行 Angular 5 应用程序会导致窗口对象未定义

我正在尝试升级this(ngx-admin)免费的Angular模板到Angular5,然后尝试在WebWorker中运行整个应用程序,如本SOPost中所述.我已成功将应用程序升级到Angular5,它工作正常,但是当我尝试将应用程序配置为在Webworker中运行时,出现以下错误:完整代码(修改为Angular5和webworker)可见here我尝试在我的webpack配置中添加DefinePlugin,但没有成功。webpack.config.json:newDefinePlugin({window:undefined,document:undefined}),我能够在webw