jjzjj

angular-reactive-forms

全部标签

javascript - Angular:使用 MockBackend 测试 HTTP,真的需要 async() 吗?

我正在使用MockBackend来测试依赖于@angular/http的代码。网络上的所有示例都使用异步测试设置,如下所示:thoughtram:TestingServiceswithHttpinAngulardescribe('getVideos()',()=>{it('shouldreturnanObservable>',async(inject([VideoService,MockBackend],(videoService,mockBackend)=>{videoService.getVideos().subscribe((videos)=>{expect(videos.len

javascript - Angular 2 : populate FormBuilder with data from http

我在组件中使用rjsx从http获取数据(将其命名为customer)。然后我在客户中使用内部组件:以客户形式我有:@Input()customer:ICustomer;complexForm:FormGroup;constructor(fb:FormBuilder){this.complexForm=fb.group({'name':[this.customer['name'],Validators.compose([Validators.required,Validators.minLength(3),Validators.maxLength(255)])]});}但我得到:Can

javascript - 如何使用不在 Angular 中另一个数组中的值过滤 ng-repeat?

有没有什么方法可以使用Angular过滤器将值与数组中的每个值进行比较?Categories:{{c}}我想显示i.categories中不在myArray中的值:$scope.i={categories:["Europe&Eurasia","Featured","Headlines","MiddleEast","News","NEWSBYTOPIC","NewsCategories","REGIONALNEWS"]};$scope.myArray=['Featured','Headlines','News'];我想从c获取不包含在myArray中的所有内容。我尝试编写一些函数,但由于

javascript - 每个面有 K 个顶点的 3D 点的三 Angular 剖分

我正在使用Three.js。我有一组3D点(x,y,z)和一组面孔。一张脸由K个点组成。它既可以是凸的也可以是凹的。我在Three.js文档中找不到任何可以帮助我的东西。一种解决方案可能是对这些形状进行三Angular剖分,但到目前为止我还没有找到任何简单的3D三Angular剖分算法。另一个解决方案是做类似的事情:varpointsGeometry=newTHREE.Geometry();pointsGeometry.vertices.push(newTHREE.Vector3(10,0,0));pointsGeometry.vertices.push(newTHREE.Vector

javascript - 如何部署 Angular/Node 应用程序

我有一个简单的Angular4前端以及一个单独托管在Heroku上的Node后端。我通过运行ngbuild并将dist文件夹的内容复制到服务器来部署我的Angular应用程序。从那时起,我决定将后端集成到前端中,因此这只是一个项目,而不是两个。我可以轻松地在根目录上运行nodeserver.js,它在我的本地主机上运行完美。但是我怎样才能将它部署到我的服务器上呢?我显然不能只ngbuild并复制dist文件夹,因为那样只会构建客户端文件夹和文件。我可以只复制包含路由的服务器文件夹以及server.js文件和客户端文件,然后以某种方式告诉服务器在加载站点时运行server.js吗?我使用

javascript - redux-form onSubmit 刷新页面

我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。

javascript - 如何使用 Angular 2/4 的鼠标滚轮事件测试指令

我有一个带有鼠标滚轮事件的指令,它用于放大和缩小Canvas。我想知道如何为此类事件编写单元测试。我在网上找不到任何示例,谁能给我指出正确的方向?我的指令:import{Directive,ElementRef,HostListener}from"@angular/core";import{MyService}from"./my-service";@Directive({selector:"[testDirec]"})exportclassTest{privateinitPointX:number;privateinitPointY:number;constructor(private

javascript - Angular 2 中的条件验证

Angular2中的验证非常简单,这很棒。但是,如果选择了其他一些字段,如何将必填字段设为可选。这是我的规则this.contractsFilter=this.fb.group({selectedContractType:['',[Validators.required]],selectedYear:['',[Validators.required]],selectedPde:['',[Validators.required]],refNo:['',[]]});如果用户提供了refNo,我希望其他标记为“非必需”的字段。 最佳答案

javascript - Angular 4 jquery 不起作用

我正在尝试将jquery用于我的Angular4应用程序。我已按照所有步骤在我的Angular4上安装jquery。但是jquery仍然无法正常工作。我像这样将jquery代码放在组件上。home.component.tsimport*asjQueryfrom'jquery'import{Component,OnInit}from'@angular/core';@Component({selector:'app-home',templateUrl:'./home.component.html',styleUrls:['./home.component.css']})exportclas

javascript - angular 中 .next() 函数的解释

import{Component,Input,Output,EventEmitter}from'@angular/core';varcolorPickerCss="app/css/ui/color-picker.css";varcolorPickerTemplate="app/partials/color-picker.html";@Component({selector:'color-picker',styleUrls:[colorPickerCss],templateUrl:colorPickerTemplate})exportclassColorPicker{@Input()co