草庐IT

angular-leaflet

全部标签

javascript - 如何在 Angular/Angular2/Angular4 应用程序中导入和使用 particles.js

我有一个Angular应用程序,我想在其中使用particles.js,但是我不知道如何添加它并让它工作。我已经将它添加到.angular-cli.json"scripts":["../node_modules/particles.js/particles.js"],我已经将它导入到我的组件中import*asparticlesJSfrom'particles.js';并尝试使用初始化它particlesJS.load('particles-js','assets/particles.json',function(){console.log('callback-particles.js

javascript - Angular 2 Material Input动态更改占位符

我想动态更改输入占位符的文本。console.log已经给出了更新后的字符串,但界面没有更新,所以旧的占位符仍然存在。如何让界面识别更改?document.getElementById(this.implicKey).setAttribute('placeholder',options[i].implication);console.log(document.getElementById(this.implicKey).getAttribute('placeholder')); 最佳答案 您可以像这样动态更改您的输入占位符Thisf

javascript - 确定一个点是否在由具有给定纬度/经度的 3 个点组成的三 Angular 形内

我有3个点(纬度、经度)组成一个三Angular形。如何确定一个点是否在这个三Angular形内? 最佳答案 只有三Angular形的Java代码,即3个点。publicstaticbooleanpntInTriangle(doublepx,doublepy,doublex1,doubley1,doublex2,doubley2,doublex3,doubley3){doubleo1=getOrientationResult(x1,y1,x2,y2,px,py);doubleo2=getOrientationResult(x2,y2

javascript - Angular : src attribute bug in Iframe directive

我在尝试实现Iframe指令时遇到问题。就我而言:模板:指令:angular.module('project.directives',[]).directive('externalIframe',['$rootScope',function($rootScope){return{restrict:'C',replace:true,transclude:true,scope:{src:'@iframeSrc',//thesrcusesthedata-bindingfromtheparentscope},template:'',link:function(scope,elem,attrs)

javascript - Angular/MEAN.io 中的路由安全漏洞?

我刚刚安装了MEAN堆栈(MongoDB、Express.js、AngularJS、Node.js)并打开了示例程序(在mean.io上找到),他们有一个基本的应用程序,您可以登录并创建博客“文章”仅用于测试等。无论如何,我删除了“#!”从URL输出整个用户和文章模型,因为它们在数据库中。它看起来好像这样做使它停止通过Angular进行路由,而是使用只是JSONRESTapi的Express路由。这是MEAN堆栈包、Angular作为一个整体的缺陷,还是仅仅是开发环境设置的缺陷?我无法想象它会以这样一个巨大的缺陷发布,但也许我只是遗漏了一些东西..可复制的步骤:按照http://mea

javascript - 如何以编程方式打开和关闭 Angular-UI 弹出窗口

我需要创建从服务器获取内容的弹出窗口。所以我创建了以下指令:.directive('myPopover',[myService,function($myService){return{restrict:'E',transclude:true,template:'',link:function(scope,element,attrs){scope.wordClicked=function(){if(POPUPISNOTSHOWING){varmessage=myService.getMessage({key:element.text()},function(){console.info(

javascript - 删除 ng-click 上的 Angular 限制

所以我有一个帖子列表,它们的长度各不相同,所以我在第500个字符处将它们chop,但我想在ng-click上显示帖子的其余部分.似乎有一些“Angular方式”可以做到这一点,但我还没有通过谷歌找到它。{{post.messageBody|limitTo:500}}View 最佳答案 我会这样写:为限制设置可编辑值并给帖子长度{{post.messageBody|limitTo:limit}}View 关于javascript-删除ng-click上的Angular限制,我们在Stack

javascript - 是否有 'angular.element($0).scope()' 的 Angular 2 等价物

因此,出于我的罪过,我正在进行Angular2项目。我在旧的Angular1工作中一直使用angular.element($0).scope()来检查一个元素,并在开发工具中查看当时范围内的内容。这非常有用,Angular2中有类似的东西吗? 最佳答案 Augury是一个很好的建议。如果你想直接访问使用ng.probe($0)另见GetComponentReffromDOMelementHowtoaccessthe*angular2*components'datainthebrowser'sconsole?howtoaccessAn

javascript - 初始化后查找 Leaflet map 对象

我正在尝试使用Leafletlibrary更改已由另一个脚本初始化的map上的某些内容.这个其他脚本没有将map对象存储在全局变量中,也没有存储在我可以使用我的脚本访问的任何其他位置。所以目前我的页面上有一张map,但我没有map对象。我想做的是检索已初始化map的对象,并对其进行更改。例如,如果存在一个函数L.getMap('myID')我想使用这样的方法来检索链接到容器myID的map对象>.TL;DR:有没有办法使用容器的ID获取已初始化的传单map的map对象? 最佳答案 作为记录,如果您有可能在map初始化之前注入(inj

javascript - Angular : How to access an element directive's scope in the controller

给定这个简单的Angular模块:angular.module('fixturesModule',[]).directive('clubfixtures',function(){"usestrict";return{restrict:'E',replace:true,transclude:true,scope:{club:"@club",max:"@max"},templateUrl:"ClubResultsTemplate.html",controller:function($scope,$http){$http.get("data.json").success(function(d