草庐IT

angular-google-maps

全部标签

javascript - $parse 的 Angular2 等价物是什么?

我的公司有一个依赖于Angular1.x$parse服务的小部件。不幸的是,我在Angular2中找不到任何具有相同功能的东西。我发现一篇文章说Angular2不会实现它。通过更多的搜索,我确实找到了这篇文章:http://weblogs.thinktecture.com/pawel/2016/04/angular-2-interpolation-service.html这有助于找到Angular2解析器。由于我们确实需要此功能,所以我着手编写一些可以满足我们需求的东西。我还没有完成,但我正在进行的代码在这个plunker中:https://plnkr.co/edit/YOaduK7Z

javascript - angular 2 相当于 react renderToString

我正在寻找与react-dom/server.renderToString等效的Angular2import{renderToString}from'react-dom/server';//Renderthecomponenttoastringconsthtml=renderToString();使用NodeJs将指令/组件转换为HTML的最简单代码示例是什么?我猜这些包之一应该是可能的:@angular/compiler-v2.0.0-rc.2@angular/platform-server-v2.0.0-rc.2 最佳答案 An

javascript - Angular 2 排序列表动画

我会发布代码,但我真的不知道从哪里开始。我已经阅读了https://angular.io/docs/ts/latest/guide/animations.html动画指南,但它不能满足我的要求。因此,假设您有一个使用*ngFor显示的项目列表,并且列表顶部包含排序按钮。例如说默认排序是“姓名”。它会在初始屏幕上显示如下SortBy:Name|Value[name:a,value:3][name:b,value:2][name:c,value:1]然后假设用户按下“值”以按值排序。SortBy:Name|Value[name:c,value:1][name:b,value:2][name

javascript - Angular 2 - 无法实例化循环依赖

我创建自定义XHRBackend类来全局捕获401错误。在AuthService中,我有两种使用http的方法-登录和refreshToken。所以我有这样的依赖链:Http->customXHRBackend->AuthService->Http。我该如何解决这个问题?exportclassCustomXHRBackendextendsXHRBackend{constructor(browserXHR:BrowserXhr,baseResponseOptions:ResponseOptions,xsrfStrategy:XSRFStrategy,privaterouter:Route

javascript - Angular:委托(delegate)模式。在 ngFor 内部优化处理程序的方法

例如:我需要输出一个列表。每个项目都会有一个(点击)处理程序,其中包含项目对象(如参数)。这个列表会经常动态更新:我会在Scroll上加载新项目,或者通过搜索过滤列表。Angular为每个项目添加一个事件监听器!问题:列表中可以有很多项,所以会有很多eventListener一直连接和断开。有没有办法应用委托(delegate)模式让只有一个eventListener事件? 最佳答案 您可以使用trackBy来提高性能。app.component.html应用程序组件.tstrackByFn(index,item){returnin

javascript - cordova/angular/ionic 堆栈中的某些东西偷走了我的注意力

为了提供辅助功能,我需要在我的Cordova应用程序中进入屏幕时聚焦元素。通过一些技巧,我设法将焦点设置在一个元素上,但该元素会立即失去焦点(通过监听“模糊”事件验证)并且丢失发生在ApplesVoiceOver、AndroidsTalkback启动或用户可以接受之前任何Action。我已经尝试将焦点设置包装在$timeout内,以强制它在渲染完所有内容后发生,但这根本没有帮助。在我看来,Cordova中的某些东西,angular1或ionic会在其自身干扰m代码时产生一些令人讨厌的聚焦魔法。有没有人经历过类似的事情并找到了解决方法? 最佳答案

javascript - Angular 翻译 : Child Module translatePartialLoader urlTemplate overrides the Parent Module translatePartialLoader urlTemplate

我必须使用多个具有不同urlTemnplate的translatePartialLoader。我正在使用angular-translate-loader-pluggable。看起来子模块urltemplate覆盖了父模块urltemplate父模块配置$translateProvider.useLoader('$translatePartialLoader',{urlTemplate:__env.hostUrl+'/*****/****/localization/resource_bundle?bundle_name={part}&locale={lang}'});$translate

javascript - Google Chrome 上 setTimeout() 的奇怪问题

我在这里搜索并找到了一个快速的解决方案,当用户在页面上空闲时调用一个Action。它基本上适用于所有浏览器。但是当我在页面上使用警告或确认对话框时,谷歌浏览器出现了奇怪的问题。警告或确认框消失后(按OK、Cancel或Cross),idle功能意外工作。在来自链接点击的框确认或警告框消失后,我立即得到“3秒过去了”框在FF、IE和Chrome(最新版)上测试。它只发生在Chrome上。我的代码在这里:http://jsbin.com/ifule3window.onload=idleTimer;functionidleTimer(){varidleDuration;document.on

javascript - 单击一个时,如何使 Google map 中的多个重叠标记打开自己的信息窗口

我在javascript中使用GoogleMapsAPIV3。我有多个彼此靠近的标记。我想这样做,以便当用户单击一个标记时,该标记的信息窗口和与其重叠的任何标记都会打开(我需要将事件单击冒泡到与单击的像素重叠的所有其他标记)。我可以打开最高z索引标记的信息窗口,但我也需要打开下面标记的窗口。这可以做到吗?如果可以,怎么做? 最佳答案 尝试OverlappingMarkerSpiderfierhttps://github.com/jawj/OverlappingMarkerSpiderfier这里有一个演示-http://jawj.g

javascript - map.fitBounds(bounds) 导致浏览器卡住

我有一个非常奇怪的错误,当我尝试调整map大小时以适应我放置在map上的标记时,它一直导致我的浏览器卡住。我的调整代码供引用:functionsizeMap(){//createanewboundsobjecttodefinethenewboundryvarbounds=newgoogle.maps.LatLngBounds();//loopthrougheachthestringlatlangvaluesheldinthelatlng//arayfor(vari=0;i问题是我无法使用Firebug正确调试它,因为它会卡住!有人对问题可能有什么想法吗?提前致谢。更新:在回答puckh