jjzjj

angular-ui-grid

全部标签

javascript - Angular 评估表达式就像它在 HTML 中一样

我正在寻找一个可以在Angular中执行类似操作的函数:vartestValues={name:'JohnDoe',number:15}somefunction('Hello,{{name}},youare{{number}}yearsold',testValues)//returns'Hello,JohnDoe,youare15yearsold'我知道$eval做类似的事情,但它里面不能有双括号。 最佳答案 您可能正在寻找$interpolate服务。文档中的示例:var$interpolate=...;//injectedvar

javascript - Angular 2 中的指令执行顺序

如果我有一个带有点击处理程序和自定义属性指令的简单按钮,如下所示:Save在我的属性指令中,我使用hoSTListener装饰器来监听点击事件:@Directive({selector:`[attributedirective]`})exportclassAuditPusher{@Input('attributedirective')attributedirective:string='Missingmessage!';@HostListener('click',['$event'])pushAudit(){console.log('text:'+this.attributedirec

javascript - Angular 2 不适用于 MS Edge

当我在MSEdge中加载我的应用程序时遇到脚本错误。然而Firefox、Chrome、IE11都可以工作,除了Edge...这是控制台的屏幕截图:看这里:HTML1300:Navigationoccurred.localhost:23752SCRIPT65535:Argumentnotoptionalzone.js(556,13)SCRIPT257:Couldnotcompletetheoperationduetoerror80020101.localhost:23752(1,1)UnhandledPromiserejection:'Zone'isundefined;Zone:;Tas

javascript - 在 Angular 单元测试中模拟 ngResource

我有一个看起来像这样的ngResourceMockFactory:(function(){'usestrict';angular.module('app').factory('NgResourceMock',ngResourceMockFactory);ngResourceMockFactory.$inject=[];functionngResourceMockFactory(){functionNgResourceMock(){varcontext=this;context.$promise.then=function(){context.prototype.$promise.the

javascript - 输入和输出,如何使用它们来遵循 Angular 2 风格指南的命名约定?

在我了解之前,我曾经像这样定义我的指令:...inputs:['onOutside']...exportclassClickOutsideDirective{@Output()onOutside:EventEmitter=newEventEmitter();}但后来我阅读了风格指南,它说你不应该在输出前加上on前缀因为Angular2支持on-模板中的语法。所以我想把它改成这样:@Input()outsideClick:any;@Output()outsideClick:EventEmitter=newEventEmitter();但是,我发现很难将@Input分开名称来自Output

javascript - 带有 ngIf 闪烁的 Angular2 项目

背景我正在创建一个信用卡表单组件。该组件检查输入的信用卡类型,并显示该卡类型的符号/图标。该符号是一个外部SVG,会在识别出信用卡类型后立即加载。问题cc符号闪烁,如下图所示。在ChromeDOM检查器中,我看到应用了*ngIf的元素正在发生某些事情,该元素正在以某种方式更新(没有任何属性更改),这似乎导致闪烁.代码下面是我的模板中包含闪烁部分的代码。我已经检查了组件,ngIf中使用的变量没有更新,除非它应该更新(当信用卡号更改为不同类型时)。是什么导致了这个问题,我该如何解决?更新事实证明,这实际上是由[data]属性引起的,而不是与ngIf有任何关系。抱歉责怪你,ngIf。

javascript - 使用 i18n 翻译 Angular 2 中的数据绑定(bind)文本

当我尝试使用i18n将英语翻译成法语时,按照https://angular.io/docs/ts/latest/cookbook/i18n.html上的国际化教程,一切正常。逐字逐句。但是当我尝试使用Angular2的数据绑定(bind)将可变文本插入HTML时,它停止工作了。这是我的HTML:{{value}}这是我的组件:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'my-app',templateUrl:'app.component.html'})exportclassA

javascript - 找不到 Angular2.0.0 管道 ''

错误:Error:Templateparseerrors:Thepipe'datefromiso'couldnotbefound管道:import{Pipe,PipeTransform}from"@angular/core";@Pipe({name:'datefromiso'})exportclassDateFromISOimplementsPipeTransform{transform(value:any,args:string[]):string{if(value){vardate=valueinstanceofDate?value:newDate(value);returndat

javascript - Angular 2 - 点击事件下载文件

我无法在任何地方找到答案,希望有人能提供帮助。我在表格单元格内的模板中定义了一个Angular2click事件:fileName.txt在typescript组件中,我需要帮助来定义一个方法click2Download(),它会自动开始将fileName.txt下载到客户端的浏览器。注意:文件在同一域中,例如:http://example.com/fileName.txt有什么方法可以用Angular2做到这一点吗? 最佳答案 你试过了吗:window.location.href='...';?要强制下载文件,您应该使用html属性

javascript - 如何在 Angular 图表条形图中使用纯色条

我正在使用angular-chart(基于chart.js)创建一些条形图,但无法获得我想要的条形样式。我希望条形图是这样的纯色:但我不知道如何摆脱chart.js默认添加的alpha:我的html看起来像这样:和javascript:angular.module('myApp',['chart.js']).controller('myController',[function(){varctrl=this;ctrl.socialChart={options:{legend:{display:true}},labels:['2012'],series:['FACEBOOK','GOOG