草庐IT

Angular-app

全部标签

javascript - 如何防止 Angular 4中的页面刷新

我想在任何地方都阻止页面刷新。我试过下面的代码import{Component,OnInit}from'@angular/core';import{Router}from'@angular/router';import{CommonServices}from'../services/common.service';@Component({selector:'app-review-prescription',templateUrl:'./review-prescription.component.html',styleUrls:['../../assets/css/prescriptio

javascript - 带有 es5 的 Angular 5

Angular4支持以下语法varHelloComponent=ng.coreComponent({selector:'hello-cmp',template:'HelloWorld!',viewProviders:[Service].Class({constructor:[Service,function(service){},`});在Angular5中,缺少类,目前任何人都可以为Angular5提供ES5语法我无法切换ES6,所以请避免使用该建议。如果切换到ES6是唯一的方法,那么我现在将坚持使用Angular4 最佳答案 您

javascript - Angular AOT : ERROR in ng component html file : Expected 0 arguments, 但得到 1

最初我在发布angular.net核心SPA应用程序时遇到以下错误:Can'tresolverxjs/operatorsinrelease\directives我已经通过将rxjs版本更新到5.6解决了这个问题。现在在发布应用程序时出现以下错误:WARNINGinEnvironmentPlugin-NODE_ENVenvironmentvariableisundefined.Youcanpassanobjectwithdefaultvaluestosuppressthiswarning.Seehttps://webpack.js.org/plugins/environment-plug

javascript - Heroku "Invalid Host header"HOST 配置中的 ReactJS APP?

我正在尝试将我的Reactapp在Heroku上。整个项目包括一个API(express)和一个客户端(ReactJS)。我已将我的API放在heroku上。但是当我把我的客户端放在Heroku上时,它显示构建成功。但是当我open它,它显示InvalidHostheader。我用谷歌搜索了这个问题,很多人告诉我配置HOST.但是他们正在使用webpack。我使用create-react-app构建它,并通过npmstart运行它。我想知道如何以最简单的方式解决这个问题。谢谢。 最佳答案 如果出于任何原因您试图在没有服务器的情况下部

javascript - 在 Progressive Web App 中使用系统应用程序打开文件

我正在尝试弄清楚是否可以使用默认系统应用程序从ProgressiveWebApp打开文件。这个想法是PWA将存储一些文件(例如.docx文件)以供离线使用,并且用户无需(重新)下载它们就可以打开它们。理想情况是PWA能够将文件加载到内存中,使其可供该文件类型的默认系统应用程序访问(例如.docx文件的Word),观察更改(即用户保存编辑),然后将其存储回PWA存储。即使是只读解决方案也很棒。由于隐含着严重的安全问题,并且从谷歌搜索中没有任何结果,我最好的选择是(还)不支持它。但是,我希望可能有一种我不知道的方法可以做到这一点,并且不需要用户下载文件的副本。

javascript - 以 Angular 6 重试 HTTP 请求

我使用拦截器根据每个请求的HTTP响应在显示屏上显示错误消息。intercept(request:HttpRequest,next:HttpHandler):Observable>{constcustomReq=request.clone({//headers:request.headers.set('app-language','en')});returnnext.handle(customReq).pipe(tap((ev:HttpEvent)=>{if(evinstanceofHttpResponse){//processingrequest}}),catchError(resp

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - 在 Angular 中渲染基于时间的 Observables 而无需压倒性的变化检测

我们的Angular应用程序中有许多组件需要每秒定期显示每个组件唯一的新值(倒计时、时间戳、耗时等)。最自然的方法是创建使用RxJStimer和interval工厂函数的可观察对象。但是,这些会在整个应用程序的每个时间间隔触发Angular变化检测,调用时间间隔函数的次数。如果我们在页面上有几十个组件,这会触发整个应用程序每秒或每个时间段数十次的变化检测,从而产生很大的性能开销。到目前为止,我尝试了两种方法来解决这个问题。对任何一个的好的回答都会非常有帮助——最好是两者兼而有之。我想避免手动触发变更检测,而是依赖于Observables发出的新值,并让异步管道/OnPush变更检测策略

javascript - 如何在 React App 中嵌入 Google 自定义搜索?

我需要在React应用程序中嵌入一个JS小部件。有办法吗?JS小部件是Google自定义搜索:(function(){varcx='111:xxx';vargcse=document.createElement('script');gcse.type='text/javascript';gcse.async=true;gcse.src='https://cse.google.com/cse.js?cx='+cx;vars=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gcse,s);})();

javascript - 如何在所有 api 响应之前以 Angular 7 在页面加载中显示加载指示器?

我在一个页面中有5个API调用。一些api需要20秒才能给出响应。有些需要30秒才能做出回应。有些需要10秒,所以当第一个api给出响应时,第一个api将加载指示器设置为false。然后加载指示器消失。但其他api仍在工作我想显示加载指示器,直到五个api调用响应。你能给我一些完成任务的想法吗?代码:组件.tsloading=true;ngInit(){this.api1();this.api2();this.api3();this.api4();this.api5();}api1(){this.loading=true;this.apiService.api1.subscribe(r