草庐IT

angular-directive

全部标签

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 - d3js force directed - 在悬停到节点时,突出显示/着色链接节点和链接?

我有具有4种类型的节点和两种类型的链接的力定向图。我将一种类型的节点(蓝色的小节点)用作两个较大节点之间的“连接节点”。在鼠标悬停节点上,它变大了,但我也想用不同的颜色为这个节点的“连接”着色。所以当你将鼠标悬停在一个节点上时...所有链接和小“连接节点”都会变成不同的颜色,这样你就可以知道这个悬停的节点连接到哪个其他更大的节点。你可以通过以下链接查看我的情况:http://jsfiddle.net/2pdxz/例如:如果您将鼠标悬停在Google节点上,带有“connection”节点的指向Yahoo的链接将突出显示,并且指向CDO和CTO突出显示我尝试添加这部分代码:functio

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 - 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 - AngularJS:在包含带有 templateurl 的指令的 html 上使用 $compile

我有一个遗留应用程序,它通过jQuery将一些内容插入到DOM中。我希望代码库的遗留部分负责编译插入到DOM中的html。我可以使用$compile让它编译初始html,但是任何由指令的模板或templateUrl添加的DOM元素都不会被编译,除非我调用$scope.$apply()来自指令本身。我在这里做错了什么?fiddle链接:http://jsfiddle.net/f3dkp291/15/index.htmlapplication.jsangular.module('app',[]).directive('debug',function(){return{restrict:'E