草庐IT

angular-leaflet

全部标签

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 - 使用 svg 作为使用 leaflet.js 的 map

是否可以使用SVG图像作为leaflet.js的basemap?在我的例子中,我有一个巨大的svg文件,我希望允许我的用户使用传单的所有功能,例如缩放、标记、图层。 最佳答案 是的,你可以使用imageOverlay,像这样//createthemapvarmap=L.map('map',{center:[40.75,-74.2],zoom:13});varimageUrl='https://www.amcharts.com/lib/3/maps/svg/australiaHigh.svg',imageBounds=[[40.712

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

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

javascript - 我怎样才能用 Leaflet.draw 抓取一些标记?

上下文:我制作了一张map,并在其中填充了大约300个随机标记。我可以通过单击弹出窗口中的链接来“选择”标记,并激活选择以显示来自的数据。我还有Leaflet.draw插件来绘制圆形、矩形和自定义形状等形状,我想用它来“选择”几个标记。问题如何获取落在绘制的leaflet.draw形状内的标记的传单标记对象,以便我可以编辑它们?我似乎无法做出选择,它要么不选择任何标记,要么选择所有标记。代码片段,去除了不必要的代码:constdrawControl=newL.Control.Draw({draw:{marker:false,polygon:true,polyline:false,rec

javascript - angular.js 监听按键作为按钮的快捷方式

我的第一个Angular应用程序是一个非常基本的调查工具。我有多个选择题,每个答案都有一个按钮,还有一个基本功能,可以在单击按钮时记录每个答案,如下所示:ng-click="logAnswer(answer.id)"我正在寻找的是能够将按键事件添加到文档中,该事件将监听1、2、3、4、5的键盘响应,该响应与按钮选择相匹配并调用相同的函数.在四处搜索时,一旦特定输入字段获得焦点,我只能找到与按键相关的响应,这对我没有帮助。我确实在这篇文章中找到了OP的回复Angular.jskeypresseventsandfactories这似乎在朝着正确的方向前进,但我就是不知道如何让他的指令调用我

javascript - 如何在 Angular js 智能表中编辑内容

我是java脚本的新手,所以如果这看起来很基础,我必须道歉。如何使用Angularjs在Smart-Table中编辑行表?新的Smart-Table似乎没有教程。我想创建一个简单的表单,供用户输入特定地点的营业时间。我已经创建了可以在表格中添加和删除行的按钮,但是当我添加contenteditable="true"时,当我更新对象时,所有更改都不会保留。我知道contenteditable是独立于智能表的特定html5参数,但我不明白我还能如何更新数据或如何检索更新后的数据。数据是通过mean.js路由从angularjsController中检索的。DayOpeningTimeClo

javascript - ANGULAR-UI-ROUTER:从 URL 解析状态

我正在制作一个具有动态状态的应用程序,有时我需要从url中解析状态名称。例如:我有/dashboard/user/12268,我需要获取状态'dashboard.user'。ui-router提供的工具有没有办法做到这一点?我现在找不到如何执行此操作...我正在制作一个使用requireJS加载动态模块的应用程序。第一次没有问题,因为用户被发送到登录状态。登录后,我使用require只加载用户有权访问的状态。但是当用户重新加载页面时,我再次加载模块,并且需要将url解析为状态,这就是问题所在。我已经开始尝试使用urlMatcherFactory但无法解决它们。状态在URL解析后加载。流