草庐IT

angular2-template-for-visual-stud

全部标签

javascript - Angular 2 : Simple input validation

我有一个用于电话号码的简单输入,我想验证只有数字并且长度为10位数字。在不使用FormBuilder的情况下,我可以做什么来验证它?似乎FormBuilder只会让事情变得复杂,我只想验证这个输入。 最佳答案 使用内置的模式验证器,这很容易: 关于javascript-Angular2:Simpleinputvalidation,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/43

javascript - 仅在 Chrome 中(服务 worker ): '... a redirected response was used for a request whose redirect mode is not "follow"'

当我在Chrome中刷新(或离线)时,我得到“无法访问此站点”并且以下内容记录到控制台:TheFetchEventfor"http://localhost:8111/survey/174/deployment/193/answer/offline/attendee/240/”导致网络错误响应:重定向响应用于重定向模式不是“跟随”的请求。。当我在Firefox中刷新时,一切正常。有人可以解释为什么会这样吗?这是我简化的软件。importScripts("/static/js/libs/idb.js")varCACHE_NAME="upshot-cache-version3"varurls

javascript - 服务后和更新时 Angular 4 CLI 太慢

我在运行ngserve后粘贴了截图。它在34946毫秒。它非常慢,并且正在损害我们团队的表现。当我们也更新我们的代码时,重新加载页面的时间太长了。我的angular版本是AngularCLI版本(1.2.7)这在AngularCLI中是一个问题还是正常现象?我们的项目已经有大约40个组件,但我不确定它是否会影响加载性能。这是我电脑的规范,以防万一。 最佳答案 我解决了我的问题。发生的事情是我们的组件和其他资源都导入到app.module.ts中。正因为如此,页面每次加载时都会加载所有资源。我的解决方案是应用延迟加载以仅加载那些特定于

javascript - Angular 2 - 延迟加载模块的生命周期 Hook

我正在使用延迟加载的Angular模块开发应用程序。我有一个简单的问题:是否可以在加载模块时捕获事件?例如OnInit。此链接解释了生命周期Hook,但它仅适用于组件:Lifecyclehooksforcomponents我找不到任何说明如何挂接模块的文档。有人知道如何解决这个问题吗?谢谢 最佳答案 延迟加载模块的构造函数应该这样做@NgModule({...})exportclassMyLazyModule{constructor(/*serviceinjectionhereifrequired*/){console.log('l

javascript - Angular 路由 : Instance Creation vs Instance Activation

AngularRouting文档提到了组件实例创建、组件实例激活和路由激活。文档没有解释这些概念的区别,以及每次创建/激活发生的时间。问题实例创建和实例激活有什么区别?实例激活和路由激活有什么区别?实例激活是否总是与实例创建同时发生?总结:不清楚组件实例激活和路由激活的真正含义,以及它们与组件实例的关系创作(尤其是时间安排)。已知信息实例创建组件实例由Angular在不同类型的组件之间导航时创建在同一组件的实例之间导航时,默认会重复使用这些实例实例激活当浏览器的位置URL更改以匹配路径段(例如/crisis-center)时,路由器会激活相应组件(例如CrisisListCompone

javascript - TypeScript/Angular try catch,try block 中的任何错误都不会捕获 block

我正在使用Angular和TypeScript。我已经使用trycatch构造在API调用的情况下进行错误处理。如果在tryblock中发生任何错误,它根本不会进入catchblock。应用程序仅在那里终止。我也尝试过使用throw。这是一个示例代码片段,try{this.api.getAPI(Id).subscribe(//this.apiismyapiserviceandgetAPIispresentthere(data:any)=>{if(data==null){throw'Emptyresponse';}},(error:HttpErrorResponse)=>{console

javascript - 是否有类似于 HTML Tidy for Javascript 的 Windows 实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想清理一些javascript文件并用漂亮的缩进等重新格式化它们,是否有实用程序在Windows下执行此操作的建议?

javascript - Google Closure 编译器解析错误 : invalid property id for `css({float:' left'})`

我正在使用GoogleClosureCompiler应用程序(命令行界面)。当我运行它时,出现以下错误。deploy/js/Home.js:40:ERROR-Parseerror.invalidpropertyidthis.$images.wrapAll('').css({float:'left'});^1error(s),0warning(s) 最佳答案 我相信你需要做:{'float':'left'}这是因为float在listofJavakeywordsreservedbyJavaScript上,因此它不能用作属性名称。这在较

javascript - 为什么我的 for 循环不适用于我的 Javascript 属性?

我创建了这个对象及其属性:varobj={};Object.defineProperty(obj,"value",{value:true,writable:false,enumerable:true,configurable:true});varname="John";Object.defineProperty(obj,"name",{get:function(){returnname;},set:function(value){name=value;}});然后我对它们调用一个for循环:for(varpropinobj){console.log(prop);}根据我的教程,应该会产

javascript - Angular : Variations in a template based on a attribute

假设我在AngularJS网络应用程序中有一个Controller,它有一个数据数组,用于存储非常相似但需要不同模板的对象,具体取决于成员变量“类型”。例如:functionfooCtrl($scope){$scope.bar=[{"name":"example1","type":"egType1","text":"Someexampletext"},{"name":"example2","type":"egType2","text":"Someexampletext"},{"name":"example3","type":"egType3","text":"Someexamplete