草庐IT

css - 从 css 到 scss 的 Angular-cli

全部标签

javascript:使用单位获取css prop值

这个问题在这里已经有了答案:GetelementCSSproperty(width/height)valueasitwasset(inpercent/em/px/etc)(5个答案)关闭6年前。我的代码是这样的:#image_1{position:absolute;top:3vw;}我的尝试:http://jsfiddle.net/z8k6t3fb/1/我想要'3vw'这可能吗?

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 - CSS 的笛卡尔失真效果

我正在尝试重新创建NewYorkTimesFashionWeek中使用的笛卡尔失真效果页。但是,他们使用D3版本3和D3js的鱼眼插件,但不适用于D3版本4。由于我们做的整个元素都在D3V4中,我无法降级到D3Version3。有没有其他方法可以使用CSS和jquery实现这种效果?我已经尝试过这是我到目前为止的位置:previewwindow.onload=run;functionrun(){if($('.overlayDiv').css('display')!='none'){varcontainer=d3.select('.overlayDiv');container.empty

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

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