草庐IT

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

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

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 - AWS cognito userpools JavaScript SDK 获取用户的保单文件

对于AWSCognitoUserpools中的注册用户,是否可以通过JavaScriptSDK检索通过IAMAngular色附加到用户的策略文档?用户案例是编写一个自定义授权方,授权cognitoidtoken并返回具有IAM权限的策略文档,用户能够通过Cognito用户组承担。 最佳答案 在进行进一步研究后,使用以下方法检索通过IAMAngular色附加到用户的“内联策略”。在AWSCognitoJWT中,从ARN中提取Angular色名称并使用IAMSDKforJavaScript通过使用获取策略ARNconstaws=requ

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 - 取消按键拖动 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 - 从多个 Observable 传递值

在我的Angular服务中,我有以下方法://createsanItemandreturnstheIDofthecreatedItemcreateItem(item:Item):Observable{returnthis.http.post('some_api_url',item);}//returnsallItemsgetAllItems():Observable{returnthis.http.get('some_api_url');}在我的模板中,我在列表中显示项目。我希望能够创建一个新项目,然后重新加载列表(以包括新创建的项目),所以我实现了以下内容:this.itemServ

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

javascript - Angular 翻译 : display translation for dynamically found translation key

我的AngularController可能会生成我打算使用Angular翻译进行翻译的消息。在Controller中,我目前为翻译键分配了一个变量,例如:$scope.info="core.projectconfig.created";该键的翻译指定为core.projectconfig.created'Project{{projectName}}createdsuccessfully'如您所见,我还需要在翻译中替换projectName。在我看来,我尝试过这样的事情但它不起作用。我如何翻译动态找到的翻译键并将范围变量添加到翻译行中? 最佳答案