草庐IT

angular-leaflet

全部标签

javascript - 解析angular2中的xml以在 View 中呈现

我是否需要解析我的xml以从xml中获取数据以在html中呈现?我目前正在使用http.get请求获取本地.xml文件,并在控制台日志中显示xml文件中的所有信息,我认为它只是在读取它。问题是在angular2中如何将xml转成json格式?我尝试了console.log(data.title)但这返回了我unidentifiedgetXml(){this.http.get('../../xmlConf/dashboard_journey.xml').map(response=>response.text()).subscribe(data=>{if(data){console.log

Leaflet 调用百度瓦片地图服务

在使用leaflet调用第三方瓦片地图服务的项目,主要谷歌地图、高德地图、百度地图和OSM地图,与其他三种地图对比,百度地图的瓦片组织方式是不同的。百度从中心点经纬度(0,0)度开始计算瓦片,而谷歌地图是从左上角经纬度(-180,90)度开始计算瓦片;如果直接使用百度瓦片地图服务会请求不到瓦片,因此需要转换一下。借助leaflet-tileLayer-baidu这个插件://需要引入proj4.js和proj4leaflet.js插件,使用script标签引入的方式L.CRS.Baidu=newL.Proj.CRS('EPSG:900913','+proj=merc+a=6378206+b=6

html - 如何在angular js中以html显示xml文本

我在字符串中有一些数据-varxml="RSSTitle";现在我希望这个字符串以正确的xml格式显示在网页上。RSSTitle我该怎么做? 最佳答案 原以为google-code-prettify会完成这项工作,但看起来它没有缩进。使用附加的缩进插件(vkbeautify)能够获得带有缩进的正确xml格式。http://plnkr.co/edit/Pep9HurLI8NPtAXRsoFD?p=previewApp.directive('prettyprint',function(){return{restrict:'C',link

xml - 如何使用带有 webpack 的 angular-cli 在 angular2 应用程序中导入 xml2js

对于使用angular2的应用程序(来自带有webpack的angular-cli),我需要从soap网络服务中使用xml中的一些数据。我使用的angular-clinative提供用于将xml解析为json的库xml2js但是当我尝试使用以下语法在我的组件中使用此库:import{Parser}from'xml2js';我收到消息:Cannotfindmodule'xml2js'.)但是,这个库是真正安装在node_modules文件上的。我到处搜索,但只找到了一些带有system.js配置的解决方案。有谁知道如何使用webpack在angular2中使用这个库?

xml - 在 Angular 5 上从 HTTPClient 检索 XML

我正在尝试使用HttpClient从SOAPAPI检索xml从Angular这是我的app.component.html上的内容:这是在我的app.component.tsimport{Component,OnInit}from'@angular/core';import{HttpClient}from'@angular/common/http';import{HttpErrorResponse}from'@angular/common/http';import{HttpHeaders}from'@angular/common/http';@Component({selector:'a

javascript - Angular2 typescript - 打印漂亮的 XML

我从服务器获得了以下XML字符串:DPSystemEventItemcluster.manager.active但是我想在我的模块中美化它:DPSystemEventItemcluster.manager.active美化它的最佳打印方式是什么? 最佳答案 您可以为此创建一个使用vkbeautify的自定义管道在幕后。npminstall-Svkbeautify自定义xml管道示例:import*asvkbeautifyfrom'vkbeautify';import{Pipe,PipeTransform}from"@angular/

angularjs - 如何验证 Angular HTML 模板

我尝试在我的AngularHTML模板中编写大部分有效的多语言(X)HTML5。它们看起来像这样:有时我忘记正确关闭标签,这会破坏某些浏览器。所以我想在我的工具链中包含一个验证器。问题是:我不知道可以处理这种情况的验证器。XML验证器通常需要DTD,HTML验证器会提示代码中使用的Angular指令。也许validator这个词不对,我真的想要一个linter。我想让它做的唯一真实的事情是检查每个开始标签是否都有匹配的结束标签。其他一切都是奖励。你知道这样的验证器吗?注意:我主要搜索可以与我的自动化测试集成的命令行工具。但网络服务也可能有帮助。 最佳答案

xml - 如何在 Angular 2 中解析 xml

我使用的API使用XML而不是JSON。关于如何将以下XML转换为JSON或如何在ngFor指令中正确使用数据的任何建议?此外,Observable在这里是否合适?1234567892015010120140101//...10252345678902016040120160401//...1042exportclassapiService{constructor(privatehttp:Http){}private_apiUrl='app/api';getCaseFile(){returnthis.http.get(this._apiUrl)//conversiontoJSONher

javascript - 如何将 Angular JavaScript 代码转换为原生 Windows 应用程序?

我想将AngularJavaScript应用程序转换为原生Windows应用程序,但我不知道该怎么做。我听说电子可以用于此,但我不知道如何使用电子。 最佳答案 尽管有电子,但还有另一种解决方案称为nativefier.它实际上非常简单,您不必学习像electron这样的新框架。 关于javascript-如何将AngularJavaScript代码转换为原生Windows应用程序?,我们在StackOverflow上找到一个类似的问题: https://sta

node.js - Angular cli 不适用于 Windows 10

我刚刚重新安装了node.js、npm和angular-cli,但最后一个在我运行Windows10的PC上不起作用。node.js的版本是8.1.2,npm的版本是5.0.3.我使用命令行npminstall-g@angular/cli安装了angular-cli。现在,当我尝试任何以ng开头的命令行时,出现错误:module.js:487throwerr;^Error:Cannotfindmodule'@ngtools/json-schema'atFunction.Module._resolveFilename(module.js:485:15)atFunction.Module.