jjzjj

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

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

javascript - 如何在 Jhipster 4 中使用常规的第 3 方 js 库?

我将Jhipster4与Angular2一起使用,并且需要在我的项目中使用第3方库,但是该库不在npm上并且没有.d.ts文件。我需要直接包含js。在vendor.ts中导入适用于通过npm安装的库,但不适用于我的js,如何在我的项目中使用此文件? 最佳答案 我现在也在尝试解决这个问题..实际上我无法通过将库导入vendor.ts文件来通过yarn安装库来工作..我当前的解决方法(...直到我找到正确的方法)是将我需要的.js文件复制到src/main/webapp/content/js/并从webpack.common引用它。Co

javascript - typescript 无法导入没有扩展名的文件

我正在尝试在我的新Angular2项目中导入文件。入口文件“main.ts”能够使用以下方式导入其他typescript文件:import{AppModule}from'./module/app.module';另一方面,“app.module.ts”无法导入没有文件扩展名的ts文件:import{AppComponent}from'../component/app.component';如果我在文件名中添加“.ts”,一切都会按预期进行...我的错误是什么?我假设我正在按照Angular指南(https://angular.io/docs/ts/latest/guide/webpac

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 - 带有 ionic 搜索栏焦点的 ionic 触发模式打开功能 - 单击不起作用

我有一个ion-searchbar,单击它会打开一个模式。然而,目前click过程实际上需要两次点击,一次聚焦,一次打开模式。我试图将点击添加到它包含的ion-toolbar中,并尝试使用[disabled]="true"禁用ion-searchbar",但禁用的功能对ion-searchbar不可用。如何在无需双击的情况下触发新模式打开,并且焦点不会出现在原始搜索栏上?HTMLJSopenSearchModal(){letmyModal=this.modalCtrl.create(SearchmodalPage);myModal.present();} 最

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

javascript - 如何在for循环中使用angular http rest api保证顺序?

我正在尝试创建一个允许您按顺序创建多个资源的表单。下面的例子Floor1Floor2Floor3...Floor9代码的问题是不能保证顺序。下面是我的代码letstartAt=this.addAreasForm.controls['startAt'].valueconstname=this.addAreasForm.controls['name'].valueconstnewArea={name:name}for(leti=1;ithis.added.emit(area))}可以回来点赞Floor2Floor3Floor1Floor5Floor4您如何处理异步API调用以保证顺序?

javascript - 如果值不匹配,则 Angular 过滤器

这个问题在这里已经有了答案:FilterNOTequalsinAngularJS(3个答案)关闭5年前。我有一个数组data,我想将它过滤成两个数组。一个如果id==100和第二个如果id!=100$scope.if100=$filter('filter')(data,{id:100})[0];$scope.ifnot100=?