草庐IT

Angular-Google-Maps

全部标签

javascript - Google Geocoding -- 解析可能返回不同的 address_components

我正在使用GoogleMapsV3api。我正在提交地址搜索以返回正确的地理编码结果,包括地址、机构名称和纬度/经度。我的问题是地理编码器的响应可以采用不同的格式。它始终遵循相同的结构,但某些响应对address_components数据结构使用不同的键。例如,某些搜索结果:establishment->locationnamestreet_number->addressstreetnumberroute->thestreetnamelocality->thecityadministrative_area_level_1->thestatepostal_code->zip/postal

javascript - (ui-)router 中的 Angular-app、身份验证和解析器顺序

这个问题是指angular-app项目及其对用户进行身份验证的方式。最初的实现通过在路由器上使用resolve子句来保护对某些url的访问。这看起来像:$routeProvider.when('/projects',{templateUrl:'projects/projects-list.tpl.html',controller:'ProjectsViewCtrl',resolve:{projects:['Projects',function(Projects){//TODO:fetchonlyforthecurrentuserreturnProjects.all();}],authe

javascript - 如何使用超过 $data 作为参数的 Angular-Xeditable 的 onBeforeSave/onAfterSave 方法

当第一次在我的应用程序中使用Angular-Xeditable时,我遇到了一个问题,试图找出如何将x可编辑的更改保存到通过ng-repeat循环访问的对象。该文档主要侧重于使用onbeforesave和onaftersave进行验证,虽然它确实表明它可以用于保存内容,但这些示例并未说明如何将$data(或$index)以外的任何内容传递给您的onbeforesave/onaftersave方法。示例显示保存类似$scope.person的内容,如果您只有一项,这很好。但是如果30人名单中的第3个人被编辑了怎么办?您当然不想将它们全部保存下来。如何只保存被编辑的对象而不是数组中的所有内容

javascript - Angular : can a controller watch server properties?

我有一个Controller来管理我的数据页面和一个服务,该服务每30秒发出一次HTTP请求以获取要在页面上显示的新数据。我正在尝试以可测试并正确利用服务的“Angular”方式编写它。我可以想到两种基本方法,我猜其中一种(或两种)是错误的:Controller将数据存储在$scope变量中,并执行setInterval或$timeout来调用服务的方法以获取新数据,然后更新变量。该服务将数据存储在它自己的变量/属性中,并定期调用它自己来获取新数据。并且Controller以某种方式监视/监听服务属性以了解何时更新View。为了这个问题的目的,考虑一个具体的例子可能会有所帮助。如果HT

javascript - 我可以在 Angular Material 中使用 md-select 来运行函数吗?

我遇到了一个奇怪的错误,但也许我没有正确使用md-select。我正在尝试根据ng-selected选项转到新页面或注销。不幸的是,我收到了这个错误:Error:Failedtoexecute'removeChild'on'Node':Thenodetoberemovedisnotachildofthisnode.html:SettingsSignOutController:$scope.changeSelected=function(){switch($scope.activePage){case"settings":$location.path('/account');break;

javascript - 访问 Angular2 JavaScript ES5 组件中的元素

编辑:由于目前大多数评论都给出了TypeScript解决方案,我觉得我需要在这里重复一遍:使用JavaScriptES5。我想创建一个Canvas组件,我在其中根据绑定(bind)属性绘制数据。我如何在Angular2中使用JavaScript执行此操作?我使用Angular1的方法是在指令中获取元素引用,但我现在不知道应该如何完成。这是一个似乎有效的方法,但我想在这样做后洗手:(function(app){app.DrawingComponent=ng.core.Component({selector:'my-drawing',template:''}).Class({constru

javascript - 防止滚动子元素在 Angular 2 中传播

这是经典。您有一个父元素和一个子元素。子元素是绝对定位的,您希望用户滚动浏览其内容。但是,当您到达子元素的底部时,父元素(也允许有滚动条)开始滚动。这是不可取的。我想重现的基本行为是纽约时报的评论部分。对于example:正文允许向下滚动,但是当您位于评论部分的底部时,向下滚动不会执行任何操作。我认为这种情况下的主要区别在于,当光标位于body元素上时,我想让用户向下滚动。其他方法需要向主体添加一个类以防止主体中出现任何滚动事件。我以为我可以在Angular2中使用一些Javascript来做到这一点,但这是我迄今为止失败的尝试:我的子组件中有一个自定义指令:并且该指令应该停止将滚动事

javascript - 如何仅在需要时在我的 React 应用程序中加载 google maps api <script>?

我想尝试使用googlemapsAPI来显示map,但我想知道是否有更好的方法来加载标记而不是将它放在我的index.html中。我希望脚本仅在我转到/map时才加载路线。所以,我想将它从我的index.html中删除并动态加载它。但是,我还想确保如果它已经加载,我不会尝试再次加载它。我不确定是否有库可以处理这个问题。到目前为止我尝试过(但失败了)是创建一个loadScript附加的函数到实际的dom并为其分配一个键,所以在这种情况下'google-maps.谢谢 最佳答案 2019年10月6日更新:示例代码仍然运行良好,我刚刚将它

javascript - 将 HTML 链接添加到 Google Charts 表格

我正在尝试将HTML链接添加到Google图表表格列。我有setHTML:true用于列和表,但它只是显示HTML代码而不是解释它。有人可以指出我正确的方向吗?谢谢GoogleVisualizationAPISamplegoogle.load('visualization','1',{packages:['table']});functiondrawVisualization(){//Createandpopulatethedatatable.vardata=google.visualization.arrayToDataTable([['Name','LoggedIn'],['Ite

javascript - 如何从网页调用 Google Apps 脚本

为此进行了高低搜索。我有一个基本的HTML/CSS/JS网页。我希望用户能够访问该页面,并在打开页面时调用我制作的谷歌脚本,该脚本从电子表格中获取信息并将其中的一些信息显示在页面上。我希望我不必像在Google的教程中那样进行任何花哨的设置,因为它们都对我没有帮助。我的网页---->Google脚本---->Google电子表格我的网页用户应该能够选择网页上显示的项目(从电子表格填充的项目)并单击一个按钮,该按钮将允许用户使用从所选项目派生的URL进入新页面。这本质上是一个聊天室程序,其中聊天室存储在电子表格中。我希望用户也能够创建一个新的聊天室,它应该更新谷歌电子表格。