草庐IT

javascript - Angular 2 ngFor - 使用索引反转输出顺序

试图学习一些关于Angular2中的过滤和排序的知识。我似乎找不到任何合适的资源,而且我被困在如何使用索引以相反的顺序对ngFor输出进行排序。我写了下面的管道,它一直给我错误,数组切片不是函数。@Pipe({name:'reverse'})exportclassReversePipeimplementsPipeTransform{transform(arr){varcopy=arr.slice();returncopy.reverse();}}我的ngfor看起来像这样。{{i+1}}{{advert.title}}{{advert.advert}} 最佳

javascript - 以编程方式打开 Angular 带日期选择器

我正在使用AngularJS1.2.12和angular-strap2.0.0-rc.2(mgcrea.github.io/angular-strap/),但我找不到从内部打开日期选择器/时间选择器小部件的方法Controller。我想像这样使用带有日历图标按钮的输入组:我现在可以轻松地为按钮提供ng-click功能并从我的Controller打开日历。我只是找不到如何做到这一点的方法。有什么想法吗? 最佳答案 另一种解决方案是将按钮更改为标签,并使用“for”属性。我喜欢它,因为它消除了额外的javascript来打开日期选择器,

javascript - 在 jquery 中访问 angular2 变量

我在我的angular2项目中使用jQuery来做一些事情。但是我无法设法使用我在angular2中声明的变量在jQuery中使用。我有这样的东西:exportclassAddExerciseComponentimplementsOnInit{parameters:Array=["FU"];constructor(){}ngOnInit(){$('.chips').on('chip.add',function(e,chip){this.parameters.push(chip.data);console.log(this.selectedValue);});}这会给我一个参数未定义的错

javascript - Angular 2使用动态键从json数组中获取键和值

我想使用动态键从json数组中获取键和值。意思是,我事先不知道key是什么。这是函数获取的json示例:arr=[{key1:'val1'},{key2:'val2'},{key3:'val3'}];这对我来说似乎很简单,但我无法获取每个项目的键和值。这是我尝试过的(基于thispipe):for(letkeyofarr){console.log('key:'+key+',value:'+arr[key]);}但是我在日志中得到的是以下内容:key:[objectObject],value:undefined我的预期行为是获得以下内容:key:key1,value:val1我做错了什么

javascript - Angular js ng样式不起作用

Selectcolor:noneRedGreenhttp://plnkr.co/edit/IOHjEGbuOzD4CjwRqIK9?p=preview在这个plunker中,示例1工作得很好,但在示例2中选择颜色不起作用。提前致谢 最佳答案 这实际上是一个简单的修复,让myStyle更像是一个myColor类型的声明,并且在ng-style上有你的{{'color':myColor}}表达式:noneRedGreenTexttochangecolorTHIS实例中不需要ng-change函数。WorkingExample编辑、解释:

javascript - Angular2 - 类型错误 : Cannot read property 'Id' of undefined in (Typescript)

我收到以下错误:angular2.dev.js:23925EXCEPTION:TypeError:Cannotreadproperty'Id'ofnullin[{{product.Id}}inProductEditComponent@0:68]抛出://Product-edit.component.ts:import{Component}from'angular2/core';import{IProduct}from'./product'import{ProductService}from'./product.service'import{RouteParams}from'angula

javascript - 订阅 observable 返回 undefined

因此,我正在尝试订阅一个从本地JSON文件返回数据的简单服务。我已经设法让服务正常工作,我可以在函数中将其注销,但是当我在angular2组件中订阅服务时,它始终是未定义的。我不确定为什么?任何帮助将不胜感激。API服务exportclassApiService{publicdata:any;constructor(private_http:Http){}getData():any{returnthis._http.get('api.json').map((response:Response)=>{console.log('inresponse',response.json());//

javascript - Angular 6 - 尝试服务应用程序时未定义进程

当我尝试使用cosmicjs为我的Angular6应用程序提供服务时出现以下错误:UncaughtReferenceError:processisnotdefinedatObject../node_modules/cosmicjs/dist/index.js(index.js:6)at__webpack_require__(bootstrap:81)atObject../src/app/app.component.ts(main.js:94)at__webpack_require__(bootstrap:81)atObject../src/app/app.module.ts(app.c

javascript - Yeoman Angular Generator Grunt Build scripts/vendor.js 为空

我已经通过yoangular[project-name]生成了一个Angular项目,尝试通过gruntbuild构建它。我检查了dist/scripts/vendor.d41d8cd9.js文件,发现它是空的。我找到了this问题,它根本没有帮助我。如果有人能指出我正确的方向,将不胜感激。 最佳答案 我以某种方式找到了答案,我更改了build:js标签:到:它解决了我的问题:) 关于javascript-YeomanAngularGeneratorGruntBuildscripts/v

javascript - 如何重新加载当前页面?

我有一个用于编辑用户的页面,里面有一些子组件。每个子组件都可以更改或对其父组件产生一些影响。因此,我没有将更改发送给父级并更新某些字段,而是使用对当前页面进行了“重新加载”privateroute:ActivatedRoute;reload(){this.router.navigate(["/admin/user/edit/"+this.user.id]);}基本上,它重定向到当前页面。例如,当前页面是http://web.info/admin/user/edit/9它将被重定向到此页面,希望该页面内的所有数据都使用最新数据重新加载。但似乎Angular不会使用router.navig