草庐IT

angular-touch

全部标签

草案/在Angular 2中的保存更改草案/发布更改

我在应用程序中使用了Angular4,目前用户能够对多个组件进行更改(拖放,删除项目,添加项目等等)。现在,对于每个用户操作,都有通过相关服务的HTTP请求,该请求坚持DB上的更改。有一个要求用户能够制作这个更改,只有一旦他进行更改并按下保存才能坚持下去。(可以是不同类型的10-50个动作。)您如何建议重构代码以支持这一点?为了制作一系列用户操作,并在数组上保存迭代并将相关的操作一个一个一个逐一编写,请编写一些HTTP中间件以保存所有HTTP调用,直到按下“保存”?看答案您应该研究Redux。这将允许MVP编程模型,并且可以与Angular一起使用。NG2-REDUX

Angular 2-路由器重新加载组件

我在看上去是角路由器的问题都有问题并导致不希望的结果。有人对如何解决这个问题有任何想法吗?Plunker链接:https://plnkr.co/edit/yrczbsxe0ftzqrdert69?p=preview编辑:我该如何更改它,以便在链接“一个”和“两个”之间交替时变量不会重新初始化看答案此结果是根据您的代码正确的。在第一个负载constructor(){this.fromParent='default'}这从庇护所设置为默认设置,并初始化表弟组件。Click1Click2让我们遵循这种情况,看看角对它有何反应:click1=>Angular路由到达/一个,但是父组件已经存在,因

带有WebPack的Angular CLI:不用构建执行代码?

我正在构建一个基于Angular-CLI的Web应用程序。我的ChromeDeveloperToolsConsole有一个错误,我认为现在在代码中解决了这一问题。但是,当我重建并刷新浏览器(甚至删除浏览器缓存)时,我仍然会看到错误!错误与我正在构建的外部库中导入的共享组件有关。这里是:compiler.es5.js:1689UncaughtError:Can'tresolveallparametersforAuthService:(?,[objectObject]).atsyntaxError(compiler.es5.js:1689)atCompileMetadataResolver.web

使用Angular材料动态创建卡片2

嗨,我是角度材料的新手,我想创建形式的卡片网格r行c列(rXc)动态。例如,如果我有5个用户,那么它应该创建r=3和c=2如下。user1user2user3user4user5我实现了如下:User:{{user1.name}}{{user1.details}}LIKESHARE这是正确的方法吗?因为当我尝试调整窗户大小时,它将与卡和网格单元重叠。我在互联网上检查了,但没有找到任何纯净的材料方式的干净方法。请指导我以比上面更好的方法实现同样的方法。看答案好吧,我有一项类似的任务,创建要动态显示/过滤的产品列表。首先,我建议创建一个新组件,该组件负责显示卡片。/*Cardcomponent*/

在Angular 2中导航而无需单击HTML元素

可以找到许多示例,显示如何使用按钮或Angular2中的路由链接在组件之间导航。我想做的是在发生错误时导航到某个组件,而无需用户操作。像这样:classMyErrorHandlerimplementsErrorHandler{handleError(error){this.router.navigate(['/pagenotfound']);}}但是不可能在myErrorhandler构造函数中初始化路由器对象。有什么方法可以解决此问题并创建自动导航系统?看答案如果您想使用Router在您的错误处理程序类中的服务,您必须注入它。您可以通过使用The服务来进行此操作@Injectable装饰师。

[Angular] 笔记 17:提交表单 - ngSubmit

SubmittingForms(ngSubmit)表单的一般完整写法:如果表单验证失败,必须disable提交按钮,阻止用户提交不合法的数据。提交表单后,与表单对应的json数据post到后端:{"id":1,"name":"pikachu","type":"fire"}修改HTML,pokemon-template-form.component.html:form#form="ngForm"(ngSubmit)="handleSubmit(form)">PokemonName:inputtype="text"[(ngModel)]="pokemon.name"name="name"/>lab

Angular2在NGFOR上切换图标

我的Angular2问题是,当我到达页面时,仅在单击后才看到图标。我的数组是“钥匙”Line{{i+1}}{{line.text}}exportclassReviewCartPageimplementsOnInit{keys:any;icon:string;constructor(){this.icon='ios-arrow-down-outline';}toggleDetails(line){if(line.showDetails){line.showDetails=false;line.icon='ios-arrow-down-outline';}else{line.showDetails

更改“ MD-Menu”的Angular 2/4材料默认样式

我正在尝试更改默认的角材料样式md-menu。问题是Angular材料会动态生成元素,我无法从HTML访问它们。这是我的dom:这是我的组件html(md-menu生成该DOM):Logo{{username}}LogOut我知道我可以访问div(在图片上选择)使用全局样式使用.mat-menu-content{...},但这将影响此类课程的其他要素。而且我无法从组件CSS设置样式,因为该元素是外部组件范围。因此,我试图找到将此元素样式从组件CSS更改的方式,而不会影响其他样式的其他元素。如果有一种实施方法,请告诉我。看答案检查是否使用/deep/是您的选择。组件样式通常仅适用于组件自己的模板

Ionic2/Angular 2如何根据时间以降序表示评论回复

简而言之:在Ionic2中显示评论的最佳方法是什么,尤其是在回复时。我需要根据他们的时间来显示答复。++++++++++++++++++++++++++++++详细问题:我以JSON格式有以下数据。这是评论列表。在此示例中,有19条评论在项目标签下。http://www.jsoneditoronline.org/?id=47B282C498505ED25869DC36F5F5F3BD58评论已经根据发布的日期进行排序。现在,在项目ID10上,有两个答复此评论。我正在寻找一种根据发布时间订购此答复的方法。以下是我的html:此处录像=上面指定的JSON数据我尝试使用angualr台管订购管道,但

Web - Angular 的 AJAX 与 REST

AJAX        AJAX是用于描述网页与网络服务器互动的一系列技术的术语。它不是一项新技术,而是对长时间以来已存在技术的应用。随着主要网站(例如谷歌)展示其优势,它作为一种开发技术变得流行。AJAX这个术语被创造出来,用以描述异步JavaScript和XML应用程序。在本节中,我们首先将探讨AJAX的一般用途。AJAX技术的主要好处是使基于网络的应用程序对用户来说显得更加响应迅速。通常,一个基于网络的应用程序会经历以下三个步骤:用户点击链接或其他控件以启动更改,浏览器在从服务器获取网页时暂停以及浏览器为用户显示网页。        这三个步骤对网页用户来说非常熟悉。然而,从用户的角度看