jjzjj

angular-ui-router

全部标签

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 - React Router v4 将通过状态从搜索重定向到结果

有一个搜索组件,当有效负载返回时重定向到结果组件。希望该结果组件使用ReactRouterv4Redirect显示通过的搜索状态.我在文档中的假设是使用state:{referrer:currentLocation}可以传递一个对象。搜索exportdefaultclassSearchextendsComponent{constructor(props){super(props);this.state={searchValue:'',results:[]}this.handleKeyPress=this.handleKeyPress.bind(this);}handleKeyPress

javascript - 使用 Redux、React 和 react-router-dom 4.x 时从动态组件获取 ref

我有以下类(class)classMatchBoxextendsReact.Component{constructor(props){super(props);this.countdownHandler=null;this.showBlocker=true;this.start=this.start.bind(this);}start(){...}render(){...return(...);}};functionmapStateToProps(state){...}functionmatchDispatchToProps(dispatch){...}exportdefaultwit

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=?

javascript - 在 Angular4 Webpack Starter 中,tsconfig.webpack.json 是否适用于 webpack 而 tsconfig.json 适用于其他所有内容?

请引用此git存储库:https://github.com/AngularClass/angular-starterAngular4WebpackStarter带有2个文件:tsconfig.json和tsconfig.webpack.json每个文件的TypeScript配置略有不同。我的问题是关于这两个文件如何与项目相关。tsconfig.webpack.json是否只适用于Webpack使用的ts-loader?而tsconfig.json文件将应用于其他一切?如有任何关于tsconfig.webpack.json的信息,我们将不胜感激。 最佳答案

javascript - Angular 5 提供基于环境的http拦截器

我的angular-cli(v1.5.1,angularv5)应用程序中有以下两个环境:开发产品Dev使用模拟数据,我提供了一个http拦截器。Pro使用实时休息api。我如何在dev上提供http拦截器,而不是在pro上?我已经尝试了以下方法,但它不起作用:{provide:HTTP_INTERCEPTORS,useFactory:()=>{if(environment.useMockBackend===true){returnMockHttpInterceptor;}returnfalse;},multi:true} 最佳答案