草庐IT

angular-http-server

全部标签

javascript - Angular 2-再次单击routerLink时重新加载组件

我正在处理具有以下文件结构的Angular2项目。HeaderComponent.tsAppComponent.tsPage1Component.tsPage2Component.ts我的HeaderComponent.ts中有以下模板WebSiteNameHomePage1Page2在我的AppComponent中使用以下路由@Component({selector:'my-app',template:``,directives:[ROUTER_DIRECTIVES,HeaderComponent]})@Routes([{path:'/',component:HomeComponen

javascript - POST 方法在 npm http-server 上抛出错误 405

我正在尝试发出Ajax请求以在本地http服务器上运行php文件。我得到一个Error405:methodnotallowed在我的浏览器控制台中。我已经尝试了一些类似问题的答案,但无济于事。我正在使用npmhttp-server来托管它。我已经尝试在http服务器上启用CORS,但这并没有解决问题。我可以将我的问题缩小到以下代码(使用给定的答案here)。/test.html:ButtonClickMe$(document).ready(function(){$("button").click(function(){$.ajax({method:'POST',url:'echo.ph

javascript - Angular2 react 形式确认值相等

我正在尝试创建一个Angular2响应式表单,我必须在其中确认用户输入的电子邮件地址。这是plunker的链接import{Component,OnInit}from'@angular/core';import{FormControl,FormGroup,Validators}from'@angular/forms';import{User}from'./signup.interface';@Component({selector:'signup-form',template:`FullnameNameisrequiredMinimumof2charactersEmailaddress

javascript - Angular 2 使用三元运算符分配点击功能

我想应用点击功能:setPage(page-1)但仅当此条件匹配时:page>1我以为我可以这样做,但是没有用,有什么想法吗?1}">Previous 最佳答案 这应该有效:1?setPage(page-1):null">Previous类似的例子:http://plnkr.co/edit/ojO0GwQktneBuzKqKTwz?p=preview 关于javascript-Angular2使用三元运算符分配点击功能,我们在StackOverflow上找到一个类似的问题:

javascript - Angular2 - 让动画不适用

我有一个Angular2应用程序,我正在尝试将动画添加到我的路由中,以便它在我更改页面时滑动。进入动画效果很好,但是离开动画没有激活,加载新页面后上一页就消失了。有谁知道这个问题的原因?plunker根据anuglar2docs,我认为我的过渡是正确的。//transition(':enter',[...]);//void=>*//transition(':leave',[...]);//*=>void动画文件exportfunctionrouterTransition(){returntrigger('routerTransition',[transition('void=>*',[

javascript - Angular 2 : Simple input validation

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

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

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

javascript - 如何访问 GraphQL 解析器中的请求对象(使用 Apollo-Server-Express)

我有一个使用GraphQL的标准快速服务器constserver=express();server.use('/graphql',bodyParser.json(),graphqlExpress({schema}));问题是:如何访问解析器中的request对象?我想在一些特定的查询中检查JWT这是导入的模式:consttypeDefs=`typeUser{id:String,name:String,role:Int}typeQuery{user(id:String):User,users:[User]}`;constresolvers={Query:{user:(_,args,con

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