草庐IT

tick_master_angular

全部标签

javascript - 如何消除 angular-cli 站点中的渲染阻塞?

运行ngbuild--prod后,我可以进入新创建的dist文件夹中的index.html文件并添加async属性绑定(bind)的脚本标签,以防止它们被阻塞。这有助于提高网站速度,但偶尔会导致网站崩溃。angular-cli.json中是否有一个选项可以在构建过程中以更好的方式为我添加这个?我通过谷歌测试我的网站来运行我的网站,我唯一需要修复的是消除渲染阻塞JavaScript和css在首屏内容中下面是我从https://developers.google.com/speed/pagespeed/insights/得到的更具体的结果消除首屏内容中的渲染阻塞JavaScript和CSS

javascript - 无法导航 Angular 表单以访问其控件

前言:我正经历着最艰难的时期,试图弄清楚嵌套Angular形式听起来像是一个简单的过程。我在这里处理一些组件,一些formGroups和formArrays是动态创建的,它让我失望。对于大量代码转储表示歉意,但这是我能够想出的最小示例来尝试解释我的问题。父组件非常简单,因为它只有两个formControls。然后我将表单传递给tasks组件以访问它。父组件this.intakeForm=this.fb.group({requestor:['',Validators.required],requestJustification:['',Validators.required]});HTM

javascript - Angular 5 在路由器中使用 Angular cli 非延迟加载模块

构建一个angular5应用程序。该应用需要一些备用布局。我的方法是在主应用模块路由文件中处理高级路由。所述文件将路由映射到模块。这些模块将为非必要的速度驱动页面延迟加载,而不为速度关键页面延迟加载:app-layout-router.module.ts文件:import{NgModule}from'@angular/core';import{PreloadAllModules,RouterModule,Routes}from'@angular/router';import{PublicLayoutModule}from'@modules/layouts/public/public-l

javascript - 如果过滤器在 Material 表 Angular 中没有结果,如何显示 "no records"

如果有人搜索当前表显示空数据,我想添加“无记录消息”!下面是Angularjs中示例Material表的链接https://material.angular.io/components/table/examples 最佳答案 我找到了确切的解决方案在typescript中:applyFilter(filterValue:string){filterValue=filterValue.trim();//RemovewhitespacefilterValue=filterValue.toLowerCase();//MatTableDat

javascript - Angular Testing 错误 - NullInjectorError : No provider for TrimInputDirective

我创建了一个Angular指令,它使用CSS选择器自动trim我的应用程序中的输入,它看起来像这样......import{Directive,HostListener,forwardRef}from'@angular/core';import{DefaultValueAccessor,NG_VALUE_ACCESSOR}from'@angular/forms';exportconstTRIM_VALUE_ACCESSOR:any={provide:NG_VALUE_ACCESSOR,useExisting:forwardRef(()=>TrimInputDirective),mult

javascript - 如何使用 Angular Material 对多个复选框进行分组

假设我有一个用于创建商店的表单。我要输入它的名字,以及商店开门的日子。所以我将有一个带有一些输入的表单,我想将复选框分组到一个垫表单字段中。存储表单组件.html:Storename{{i}}存储表单组件.ts:exportclassStoreFormComponentimplementsOnInit{//FormGroupsstoreForm:FormGroup;constructor(privateformBuilder:FormBuilder){}ngOnInit():void{this.initForm();}initForm():void{this.storeForm=thi

javascript - Angular HttpInterceptor : How to use RxJS for multiple conditions

这是AuthInterceptor:@Injectable()exportclassAuthInterceptorimplementsHttpInterceptor{constructor(privateauthService:AuthService){}intercept(req:HttpRequest,next:HttpHandler):Observable>{constToken=this.authService.getToken();if(!Token){returnnext.handle(req);}//RefreshTokenfirstif(Token.expiresRef

javascript - 由于不推荐使用 circular-json,Angular 项目创建失败

我使用以下命令创建新的Angular项目ngnewhello-world显示失败npmWARNdeprecatedcircular-json@0.5.9:CircularJSONisinmaintenanceonly,flattedisitssuccessor.npmERR!UnexpectedendofJSONinputwhileparsingnear'...rocess":"~0.7.0"},"_h'然后我安装扁平化使用...npmiflatted但是还是报错。如何使用扁平化而不是弃用的库circular-json? 最佳答案

javascript - Rxjs angular 6/7 mergeMap 延迟 http 请求

我想使用此代码发送请求(我也尝试过forkJoin),但调用之间有延迟:duplicateElement(id:string):Observable{returnthis.http.get({routeName:'route_name',params:{id}});}duplicateElements(ids:string[]):Observable{returnfrom(ids).pipe(mergeMap(id=>this.duplicateElement(id).pipe(delay(1000))));}但是.pipe(delay(1000)没有按照我的预期工作:在1000mls

javascript - 如何使 angular js 可拖动元素在平板电脑上工作(触摸)

我正在研究AngularJS可拖动指令。我的代码类似于此Plunker当使用鼠标操作时,我的代码和这个plunker在Windows上都能完美运行。但是在涉及触摸的任何选项卡上,它根本不起作用。这背后的原因可能是什么?知道如何让它发挥作用吗? 最佳答案 实现了一个指令来控制触摸事件,它是ngTouch。您可以在此处找到更多信息:http://docs.angularjs.org/api/ngTouch另外,我认为这篇文章会有所帮助:JavascriptDraganddropfortouchdevices