草庐IT

angular2-modules

全部标签

javascript - 在 Angular 中编辑 JSON 搜索结果

我现在正在将数据从外部JSONURL正确提取到母版页,但我的详细信息页面似乎没有传递从http.get接收到的对象initallt。可以在CODEPEN的代码笔中查看该应用程序的主要部分。Submit如果我的用户想手动更改日期(order.date)值以说“10/8/16”。如何访问/编辑从外部API返回的任何JSON值?我最终希望在我的应用程序中编辑返回的JSON数据,然后将修改后的数据发回PHPAPI服务器。 最佳答案 您的主要问题是您想要修改来自$http调用的传入数据。你可以实现一个http拦截器,response方法会接受

javascript - ES6 : No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

它曾经有效。现在,当我添加一个断点时:saveSnippet:(title,imageUrl,role)=>{debugger;...chrome(53)中的结果是:我尝试使用它并将配置更改为'cheap-module-source-map'和'eval-source-map'和'source-map'。现在只有'eval-source-map'和'source-map'可以工作。webpack.config.js(Webpack1.13.2):varpath=require('path')varwebpack=require('webpack')varCompressionPlugi

javascript - 在 Angular2 CLI 中使用外部 javascript AMD 模块

当我使用Angular2预发布版时,我不得不使用systemjs为了使用外部javascript库,即基于AMD模块的ESRIArcGISJavaScriptAPI(尽管可以输入类型)。现在我想迁移到Angular2CLI。但是,在Angular2从systemjs移动后,我看不到如何导入外部库(如arcgis)至webpack并且没有webpack.config要修改的文件。外部库存储在:示例:在我的Angular组件中,我需要以某种方式导入这些组件,例如:importmapfrom'esri/map';导入'https://js.arcgis.com/3.19/esri/map.j

javascript - 当我使用 Angular md-selected 索引频繁切换选项卡时,多个 'md-tab' 同时具有 'md-active' 类

当我频繁切换md-tabs时,Md-tabs切换正确但多个md-tab-item元素同时具有“md-active”类,所以我看不到选项卡的内容是事件的,因为它与其右侧选项卡的内容重叠。据我所知,在angular-material中,当我们选择一个选项卡时,angular首先取消选择上一个选项卡(隐藏页面上先前显示的内容)并显示所选选项卡的内容。在执行此过程时,Angular未删除以前事件选项卡的“md-active”类。这是重现该行为的fiddle。这是随机行为,并发点击时出现。请在点击“切换标签”按钮后等待1分钟jsFiddleangular.module('firstApplica

javascript - Angular 获取图像数据并再次将其附加到 FormData

在Angular5中,我通过我的服务从mongodb获取hotelgallery的图像。所以基本上我得到的数据是这样的{fieldname:"hotelgallery",originalname:"e.jpg",encoding:"7bit",mimetype:"image/jpeg",destination:"./public/",encoding:"7bit",filename:"1521139307413.jpg"mimetype:"image/jpeg"path:"public/1521139307413.jpg"size:66474}{fieldname:"hotelgall

javascript - 如何选择 node_modules dist flavor 与 webpack 捆绑在一起

问题:在我将AJV.js升级到版本6.4后,我的vendorbundle包含“uri-js”ESNEXT版本而不是破坏IE11兼容性的ES5版本。分析:我认为AJV通过require('uri-js')调用引用uri-js,而uri-js有两种形式:/node_modules/uri-js/dist/:es5下一个出于某种原因,Webpack(V4.8)将uri-js的“esnext”风格捆绑到我的vendorbundle中,而不是使用“es5”。我找不到我必须如何/在何处指定我的首选构建目标。这是我的webpack.config.js:constpath=require("path"

javascript - 编译器不抛出 "Cannot find module"错误

在我的项目中我有2个文件:foo.jsconstimage=require('../this/path/is/wrong.png');boo.tsxconstimage=require('../this/path/is/wrong.png');在foo.js中TypeScript正确的发现图片不存在并抛出“Cannotfindmodule”错误,但是对于boo.tsx没有抛出错误所以该错误仅在应用程序崩溃时出现在运行时。如果我只是将boo.tsx重命名为boo.jsTS再次开始按预期抛出错误。这些是我认为可能相关的一些编译器选项:"module":"es2015","target":"

javascript - 取消按键拖动 Angular cdk Drag and Drop

我在一个应用程序中工作,该应用程序从AngularMaterialCDK实现新的拖放,我试图取消按Esc的元素的拖动事件,我的意思是,我开始拖动元素,但如果我在拖动元素时按Esc,它应该回到我开始拖动它的位置,到目前为止我还没有找到这样做的方法,有没有人知道我该怎么做。cdk文档中没有关于此任何想法的任何内容。我试着做这样的事情。模板{{movie}}Ts组件onDragEnded(event:CdkDragEnd){console.log(event)event.source.element.nativeElement.style.transform='none';constsour

javascript - TypeScript 和 Angular,执行顺序在这

我在Angular应用程序中有以下代码,html看起来像这样。onSubstringSelect在组件的.ts部分:onSubstringSelect(item:any){constdataPois=this.getPois(data);alert("2ndalert"+dataPois);//etc}getPois(data):any[]{this.api.getPois(data).subscribe((result:any)=>{alert("1stalert");returnresult.pois;}},(error:any)=>{console.error('error',e

javascript - 在 Angular 中区分滑动和点击

我使用ng-click来显示列表中项目的详细信息,并且我将jQuery移动滑动事件附加到列表项目以在用户向左滑动时显示删除按钮。问题是当我在元素上滑动时,它不仅会发出滑动事件,还会发出点击事件。因此,当我想滑动删除一个元素时,它会显示删除按钮并打开详细信息View。我该怎么办?拥有像ng-swipe这样的东西会很酷。 最佳答案 最新的不稳定angularjs(1.1.4+)构建包括ngSwipeLeft和ngSwipeRight指令。您必须注意引用angular-mobile.js库。https://github.com/angul