草庐IT

Angular-Google-Maps

全部标签

javascript - 将 Angular 1.x 与 TypeScript 1.5 和 SystemJS 结合使用

我正在尝试将Angular1.x与TypeScript1.5.3和SystemJS结合使用。index.html页面设置为System.import('bootstrapper'),它应该启动。bootstrapper.ts被编译为bootstrapper.js并且只要它不使用Angular就可以正常工作(即只做一个console.log()正常工作)现在,我想导入并使用angular来引导它。我已经完成了jspminstallangular并且我还使用tsd安装了一些angular类型。在bootstrap.ts文件的顶部引用了类型。不幸的是,importangularfrom'an

javascript - Angular 2,在表单中设置文本输入的值

所以我正在尝试一些Angular2,到目前为止我很喜欢它。但我需要一些帮助来驾驭这个新环境。我有一个用于编辑用户详细信息的表单和一个包含我所有用户的列表。当我点击列表中的一位用户时,我想用用户详细信息(setEditForm(user))填充我的编辑用户表单。我已经让它正常工作了。但我必须说,同时使用ngControl和ngModel感觉不太对。但也许是……这是执行此操作的正确方法还是我只是运气使它起作用?@Component({template:`Save)}exportclassAdminComponent{selectedUser:UserModel;constructor(){

javascript - 更新到 Angular 1.5.3 时出现错误 'orderBy'

我将项目中的Angular从1.4.9更新到1.5.3。在其中一个页面上,我收到此错误消息:'Error:orderBy:notarrayValueisnotarray-like','Expectedarraybutreceived:0'这是模板:{{targeting.Name}}{{val}}vm.TargetingsAudience-是一个对象数组:[{Name:"Гео",TargetingCategory:"Audience",TypeId:"Location",Values:[0:"Россия",1:"Москва",2:"Московскаяобласть"]}]

javascript - 如何使用(this)访问Angular 2 http rxjs catch函数中的对象属性

在Angular2中使用新的http服务,我想对我的错误做更多的事情,而不仅仅是在控制台中抛出错误。不幸的是,我似乎无法从catch回调函数中访问我的对象属性。我的http服务调用:returnthis.http.get(this.apiUrl,options).map(this.extractData,this).catch(this.handleError)我的handleError回调fn:handleError(error){console.log(this)//undefined!if(error.status===401){this.router.navigate(['/l

javascript - 通过 npm 安装 d3.js 对 Angular 2 TypeScript 项目有什么好处吗?

TL;DR:d3.js应该通过npm安装,输入也应该如此。接受的答案有详细信息。当我写这个问题时,我是Angular的新手。npm流程是标准流程:用于tree-shaking、包管理、更新等我有一个Angular2项目(为简单起见,它是快速启动项目),我正在导入d3.js版本4。d3没有TypeScript定义,因为它只是javascript。在index.html中,我添加了库:在typescriptapp.component.ts中,我引用了d3.select()....它工作正常-画了一个圆圈:d3.select("body").append("svg").attr("width

javascript - 如何测试 Angular Material 对话框?

我有一个我正在尝试测试的自定义对话框组件类。特别是我的关闭功能是这个close():void{this.dialogRef.close();}dialogRef被注入(inject)到类构造函数中,如下所示constructor(publicdialogRef:MatDialogRef,@Inject(MAT_DIALOG_DATA)publicdata:any){}所以我的问题是,如何在我的规范测试文件中模拟dialogRef并测试其关闭功能?我的项目使用Angular5和AngularMaterial5。 最佳答案 假设您要询问

javascript - 为什么 Angular 5 Transition 抛出 AppComponent.html :2 ERROR TypeError: Cannot read property 'forEach' of undefined

为什么Angular5会抛出这个错误?AppComponent.html:2ERRORTypeError:Cannotreadproperty'forEach'ofundefined我正在研究Angular动画的概念验证,我直接使用网站上的代码。我的组件如下所示:import{Component,OnInit}from'@angular/core';import{trigger,state,style,transition,animate,keyframes}from'@angular/animations';@Component({selector:'app-obj-list',te

javascript - 错误 : No response has been set. 用于 Google 智能助理操作的云功能

我正在使用Dialogflow、CloudFunctions和新的NodeJS客户端Assistant应用>ActionsonGoogle库V2。事实上,我正在将使用V1构建的旧代码迁移到V2。背景我正在尝试使用两个单独的意图获取用户的位置:请求权限(触发/向用户发送权限请求的意图)和用户信息(意图检查用户是否授予权限,然后返回助手请求的数据以继续。问题问题在于,在V1上运行良好的相同代码在V2上却无法运行。所以我不得不做一些重构。当我部署我的云函数时,我能够成功请求用户的许可,获取他的位置,然后使用外部库(geocode),我可以将latlong转换为人类可读的形式。但由于某些原因(

javascript - 如何在自定义 CMS 中嵌入或重新创建 Google Analytics Graph

我想知道如何使用GoogleAnalytics(可能使用api)创建图表,但我不确定是否已经有关于如何执行此操作的插件或教程。Google.com上的JavascriptAPI引用很烂。还有任何关于如何创建折线图(Canvas元素?)的引用也很好。谢谢! 最佳答案 我从https://developers.google.com/chart/interactive/docs的示例中学会了使用GoogleVisualizationAPI(分析使用的那个,我相信你指的那个)并发现它很清楚。您也可以使用图库中不同图表的示例:http://c

javascript - 使用 Google Closure Compiler 可以从编译版本中排除一段源代码吗?

我最近使用Dojotoolkit构建了一个项目并且喜欢你如何根据任意conditionalcheck将一段代码标记为仅包含在编译版本中.我用它来导出私有(private)变量以进行单元测试或抛出错误而不是记录错误。这是Dojo格式的示例,我很想知道对于GoogleClosureCompiler是否有类似这样的特殊指令。.window.module=(function(){//privatevariablevarbar={hidden:"secret"};//>>excludeStart("DEBUG",true);//exportinternalvariablesforunittest