在我的表单验证中,有一部分服务器验证. 所以我应该从服务器列表中返回字段名称和每个字符串中包含错误的字符串. 我的想法是通过使用他们的名字访问它们来编写一般代码知识来处理所有字段而无需事先知道它们. 这是字段,例如： <!-- Email --> <div class="form-group" data-ng-class="{ 'has-error' : step1Form.email.$inva

我有角度4的routerLinkActive问题.我有这个设置. export const FruitRoutes = [ { path: 'fruits/:id', component: FruiteNav, children: [ {path: '', component: FruitGeneral}, {

平树： In a flat tree, the hierarchy is flattened; nodes are not rendered inside of each other, but instead are rendered as siblings in sequence 嵌套树： In Nested tree, children nodes are placed inside thei

当我运行服务器时,如果我对.scss文件进行更改,则会导致页面重新加载.这很不方便,可能会丢失一些状态或开发工具更改. 通常当我处理设计时,我使用类似browseryc的东西来注入css而不刷新页面.当我必须调试一些棘手的东西时,这节省了大量的时间. 反正是否有角度cli注入.scss更改或重新加载页面？ 编辑： 从webpack文档： HMR is an opt-in feature that

我正在创建一个 Angular Element用于其他项目.元素是在其模板中包含Angular Material组件的组件,因此最终我的元素要求页面为< link>材质主题CSS文件(以及材质图标和材质字体文件,链接标记只能出现在文档的< head>中). 很高兴地说,所需要的只是调用platformBrowser().bootstrapModuleFactory(…)并写入< some-cust

我按照本教程： Integrating Google Maps in Angular 5使用Visual Studio Code(Mac上的版本1.24.1)在我的Angular 5应用程序中开始使用Google Maps.直到最近一切都工作正常,但几天前(我的猜测是VS代码的更新发生在后台)我在Visual Studio代码中导入谷歌地图时出错,以前从未给我错误： import { } from

我正在研究一个在多个客户运行的项目.有许多延迟加载的模块,其中大部分都被所有客户使用.但是有一些模块只在少数几个地方需要,所以我想把它们从其他地方的构建中排除. 可能吗？ 这样的事情怎么样： (然后你可以使用if语句等来加载不同的模块) export class AppComponent implements AfterViewInit { @ViewChild('testOutlet',

我想在蓝牙连接完成后执行一些操作,反之亦然. 处理连接的方案,并添加成功和失败处理程序,并在这些处理程序函数中将标志更改为True和False. 我使用console.log打印了该值,它在组件文件中更改但未反映在 HTML中. 我尝试过使用ngZone,但它没有用. 成功和失败处理代码如下： BluetoothService import { Injectable } from "@angula

我可以通过以下方式使用Angular Material的排版样式： .title { @include mat-typography-level-to-styles($typography-config, 'caption'); } .title-with-opacity { @include mat-typography-level-to-styles($typography-conf

我注意到,在触发的对话框关闭后,该按钮会获得以cdk为重点的类和cdk-program-focused.如果我点击任何地方效果消失. app.component.html [片段] <mat-cell *matCellDef="let element"> <span matTooltip="Delete" matTooltipPosition="right"> <button mat-

我想推出一个AngularJS应用程序的生产版本,我发现Amazon AWS是一个很棒的托管套件.由于AngularJS本质上是静态的,因此可以托管在S3存储上,也可以托管在具有node.js后端的EC2服务器上. 这些解决方案中的任何一个都适合我的部署方法,所以问题是,我(理论上)会从一个或另一个获得更好的性能,为什么？在S3上托管专业网站前端有什么问题吗？有没有人对这两种方法有任何经验？该网站

我正在使用带有ngx-charts数据数组的过滤器管道.数据按2个日期过滤：fromDate和toDate.当使用使数组变小的日期进行过滤时,管道工作正常,但是当我首先使用较小的日期范围过滤然后再次使范围变大时,管道不能与原始数组一起使用,而是使用已经过滤的数组. 我已经做了其他的点子,从来没有遇到过这个问题,我不确定这里出了什么问题.也许有人可以帮助我. 管： export class Date

我试图调用多个操作并等待它们完成,直到我返回SYNC_SUCCESS操作并关闭加载屏幕.但我无法让它发挥作用. 有什么建议我在这里做错了吗？ AppEffect： @Effect() syncMasterData$= this.actions$ .ofType<AppActions.SyncMasterdata>(AppActions.SYNC_MASTERDATA) .merge

我想在Angular中使用组件的继承继承父模板. 介绍 我有一些基本组件(让我们称之为ParentComponent)和该组件的几个子组件(Child1Component和Child2Component).我想将默认行为放在ParentComponent中,然后在子组件中设置/扩展此行为. ParentComponent模板已包含所有需要的东西,因此我希望子组件默认使用此模板. 实现的第一个变体(

我正在使用Angular 4创建一个Electron应用程序.我如何设置它以便它监视任何更改并实时重新加载它. 的package.json { "name": "angular-electron", "version": "0.0.0", "license": "MIT", "main": "main.js", "scripts": { "ng": "ng",

我有一个文件存储在D：/home/abc.pdf本地. 我必须使用AngularJs读取此文件 var path="D:/home/abc.pdf"; var doc = document.createElement("a"); doc.href = path; doc.download = path; doc.click(); window.URL.revokeObjectURL(path);

我一直试图在我的Angular应用程序中使用ngTools设置AOT(使用Webpack进行模块加载)并且有一个绝对的噩梦.我已经浏览了文档 here和 here中的各种资源以及阅读ngTools自述文件,查看了Angular CLI中的示例(此应用程序不是使用Angular CLI构建的,但我认为它至少是一个有用的参考资料)通过 this resource在Angular Webpack Sas

我正在使用位于Angular 2顶部的Ionic 2. 我在我的应用程序中使用服务来处理所有API请求.其中一些请求带有Authorization标头.如果auth失败,我的API可以返回401,我正在通过向用户显示错误并将其导航到登录屏幕来处理它.这一切都很好,我发布了这些错误的事件,我订阅了其他地方处理逻辑(因为我不能在服务中使用导航控制器). api.js服务代码： @Injectable(

我在尝试从延迟加载的模块加载动态组件时遇到问题.更准确地说,我试图在一个模态( https://ng-bootstrap.github.io/#/components/modal/examples)中打开登录组件,而不是在一个单独的页面中,同时保持单独的登录路由/页面完整. 现在,在我看来,我必须在app模块中急切加载登录组件,这只不过是一个临时的黑客.所以,我不想要这个解决方案. 我试过直接使用

问题类型：错误/问题 描述 我正在使用ng-packagr lib将我的库编译为js.我编译了所有内容没有任何问题,但是当我想要使用ng build –prod(启用AOT)来使用我的库时,我收到错误： 在“AppModule”的模板编译期间出现错误错误在装饰器中不支持函数调用,但调用了“BsDropdownModule”. 当我删除.forRoot方法时,我收到错误： ERROR in：由模块导

我写了一个’popping’消息( android toast like)组件.所有其他组件都将其作为兄弟,并通过共享服务访问它.现在我想从实用程序函数中使用它,就像这样： export function handleError(errorResp: Response | any): Observable<string> { .... // here I would like to

嗨,我正在学习角度,并且已经忘记了解’var’,’this’和’$scope’之间的区别. 虽然我读了这篇 link,但它超越了我的脑海. 当我使用ng-controller =“myController as ctrl”时,我只能访问变量和函数集. 而定义ng-controller =“myController”我只能访问$scope上的变量和函数集. 有人可以深入解释这个话题吗？ 关键字var

我正在使用Angular与Angular Material配对构建应用程序,我的模块结构存在一些问题. 正如指南所示,不推荐导入MaterialModule,不应该再进行,这就是为什么我创建了一个单独的MaterialModule,我只导入我需要使用的Material模块;然后将此模块导入SharedModule,最终在所需的任何位置导入,包括主AppModule. 我正在使用的材料组件之一是Md

我正在使用启用了Pager的后端服务器( Java Spring).我在HTTP调用上每页加载100条记录. 在angular2服务上,它使用“？page = 1& size = 100”作为初始调用的API调用,而在客户端大小的寻呼机上,它显示10并且最多移动10页,这很好.但我无法从服务器加载下一块数据.我检查了ServerDataSource并使用了.setPaging(1,100). 如何

来自ngAfterViewInit的角度文档 ngAfterViewInit() Respond after Angular initializes the component’s views and child views. Called once after the first ngAfterContentChecked(). A component-only hook. 我有一个嵌套在组件T

如果这是在其他地方,请道歉,但我的正常搜索策略让我失望. 当我从API收到500时,我想显示自定义错误页面.我正在使用restangular并有一个响应拦截器,当我收到500时,它会重定向到错误页面,使用： this.router.navigate([ ‘/错误’]); 这一切都有效.但是,我想在浏览器导航栏中保留以前的URL,以便在用户刷新时再次尝试上一页,而现在他们必须重新导航到损坏的页面再试

我目前正在研究Angular2的一个应用程序.我有3个功能模块,其中包含其他子功能模块. 我想将要素1的子要素模块加载到要素2的子要素模块中,反之亦然.下面是示例代码. 行动routing.module.ts const routes: Routes = [ { path: '', component: ActionComponent, ch

我在使用angular 2实现简单的服务器端表单验证时遇到问题. 给出以下场景： >包含登录名和密码字段的简单表单. (通过ngForm / ngModel指令附加到组件视图) >基于模板的表格 >使用同步验证 >服务器响应JSON对象具有以下形状{field：error} e.x,如果登录名和密码为空,则响应为：{login：’required’,password：’required’} 一旦提

我想在我的应用程序中使用Angular的DatePickerModule.所以我按如下方式安装了软件包：npm install ng2-datepicker-bootstrap –save 安装成功.现在,我在AppModule中导入了DatePickerModule模块,如下所示： import { DatePickerModule } from 'ng2-datepicker-bootstra

我是角度2的新手,我遇到了一个无法找到解决方案的问题： 当我尝试从角度2发布到API我得到 – 415不支持的媒体类型. Angular 2代码： onSubmit(value: any) { // console.log(value.message); let headers = new Headers({ 'Content-Type': 'application/json'})