angular6相关内容

Angular 6 中的 HTTP 获取调用

我将我的 Angular 项目更新为 Angular 6，但不知道如何处理 http get 请求.这就是我在 Angular 5 中的做法: get(chessId: string): Observable{this.loadingPanelService.text = '加载中...';this.loadingPanelService.isLoading = true;const url = ..

发布时间：2021-11-09 01:39:00 angular typescript angular6 angular-httpclient 其他开发

reportProgress in angular 返回上传的总文件而不是进度

在我的组件中我有这个 this.authService.addPost(post).subscribe(data => {if (data.type === HttpEventType.UploadProgress) {控制台日志(数据)；} else if (data.type === HttpEventType.Response) {如果(data.body.success){alert(' ..

发布时间：2021-11-09 01:38:42 angular http observable angular6 angular-httpclient 其他开发

当字段未触及时，Angular 反应形式返回空值

在我的用例中，当用户单击编辑按钮时，Angular 对后端进行 HTTP 调用并检索对象，然后在 EDIT 表单上填充这些值.用户可以更新或保持字段不变.当点击 update 按钮时，Angular 应该获取表单中存在的所有这些值并将它们发送到后端.所以，这是问题所在，在将值加载到编辑页面表单并更新某些字段并保留某些字段不变后，未修改的值会变为空.这真的很奇怪 product-edit.co ..

发布时间：2021-11-09 01:38:22 angular angular6 angular7 angular-httpclient 其他开发

Angular 6 - HttpClient 保持订阅服务但将结果传递给组件

我有一个项目，其中包含一个服务(获取数据)和一个组件(显示数据). 我希望将 app.component.ts 上的代码保持在最低限度. 在我拥有的服务中: getPosts() {返回 this.http.get('https://jsonplaceholder.typicode.com/posts', httpOptions).subscribe(结果 =>{返回结果；this. ..

发布时间：2021-11-09 01:38:13 angular typescript angular6 angular-httpclient 其他开发

仅具有基本功能的 Angular 6 样板(始终需要)?

我一直在用新项目设置 Angular.任何人都可以推荐好的样板，无需开发在应用程序中大部分时间都需要的基本必需功能. Angular 6 中的 JWT 身份验证 Angular 6 中的引导程序/材料设计设置 Angular 6 中的 Http 服务 Angular 6 中的文件上传 Angular 6 中的基本 CRUD 请推荐.这会节省我很多时间. 解决方案 你可以 ..

发布时间：2021-11-09 01:37:50 angular jwt angular6 angular-httpclient angular-http-interceptors 其他开发

Angular httpClient 拦截器错误处理

在阅读了有关 http 客户端错误处理的 angular 文档后，我仍然不明白为什么我没有使用以下代码从服务器捕获 401 错误: 导出类拦截器实现HttpInterceptor {拦截(请求:HttpRequest，下一个:HttpHandler):Observable>{console.log('这个日志打印在控制台上！');return next.handle(request).do(() ..

发布时间：2021-11-09 01:37:30 angular angular6 angular-http-interceptors angular-httpclient 其他开发

Angular 6:HttpClient 获取 JSON 文件 404 错误

使用 HTTP 客户端，我将检索驻留在使用 CLI 生成的 Angular 6 应用程序中 assets 目录的 JSON 文件.虽然我知道有几个相关的问题(和答案) 与此主题相关，但在我的情况下没有任何效果. 以下是我的文件结构: 特别是我试图检索 us-all-all.geo.json angular.json “项目":{“ng-ngrx-highcharts-examp ..

发布时间：2021-11-09 01:35:59 angular angular6 angular-httpclient 其他开发

Angular 6 Reactive Forms Custom Validator从默认数据中获取错误

我在 FormGroup 中有一个 FormArray，每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器，它检查每个 FormArray 中的所有数据以验证数据的重复.目前，它也在用自身验证初始数据，这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时，它工作正常. for ..

发布时间：2021-11-09 01:34:05 angular angular5 angular6 angular-reactive-forms angular-forms 其他开发

角度 6 中的表单验证

下面是我的组件文件(login.component.html) 登录 ..

发布时间：2021-11-09 01:33:41 angular angular6 angular-forms 其他开发

使用 Angular 中的反应式表单根据条件动态添加行

我是否可以在 Angular 反应形式中根据特定条件添加行?如果是，请帮我做.我已经在我的 stackblitz 中开始了它.请检查此链接https://stackblitz.com/edit/dynamically-add-rows this.addForm.get("items").valueChanges.subscribe(val => {控制台日志(val)；如果(val === 真) ..

发布时间：2021-11-09 01:33:38 angular angular6 angular-reactive-forms angular-forms angular4-forms 其他开发

在 angular 6 表单生成器中找不到具有未指定名称属性的控件

我在尝试使用 HTML 文件更新网格表时收到此错误消息. 在这里，我使用了表格的静态数据来显示并从显示primeng 表格的其他组件导入，并且我添加了一个更新按钮，该按钮具有重定向到另一个页面以更新数据的功能. 该问题出现在 HTML 文件的第一行，即；[formGroup]="myvehicle" 我尝试使用不同的表单组名称进行检查，但问题仍然存在. import { C ..

发布时间：2021-11-09 01:32:57 angular angular6 angular-forms 其他开发

如何检查输入字段是否在 Angular 7 中处于焦点

我有一个表单，我想知道表单中的任何输入字段是否有焦点? 我阅读了“NgForm"文档，但没有找到与“焦点"相关的任何内容. 我发现感动，但不能满足需求. 解决方案 您可以使用 focus 和 blur 事件来跟踪字段获得或失去焦点: 也有 javascript 自己的: document.hasFocus() : 文档或文档内的任何元素是否有焦点. docum ..

发布时间：2021-11-09 01:32:15 angular angular6 angular7 angular-forms 其他开发

Angular 6:无法绑定到“formGroup"，因为它不是“form"的已知属性?

我曾在 angular 2/4 中使用表单构建器，但现在我在 angular 6 中使用它.我看到了这个问题 (无法绑定到 'formGroup'，因为它不是 'form' 的已知属性) 但它用于角度 2.我对 angular 4 做完全相同的操作，但出现此错误.请帮忙:我的代码是: app.module.ts:(我已经导出了 FormsModule 和 ReactiveFormsModul ..

发布时间：2021-11-09 01:30:49 javascript angular5 angular6 angular-forms angular-formbuilder 前端开发

从 json 创建动态表单时出错找不到名称为“数据"的控件

我正在使用 angular 7 应用程序，并且正在编写一个通用的动态表单创建器.我正在使用响应式表单和 ng-template 和 递归显示表单元素.项目的代码可以看到 这里. 但我面临以下错误 错误错误:找不到名称为“数据"的控件在 _throwError (forms.js:1775)在 setUpControl (forms.js:1683)在 FormGroupDirective. ..

发布时间：2021-11-09 01:30:29 angular angular6 angular7 angular-reactive-forms angular-forms 其他开发

Angular 6 FormGroup.disable() 方法不适用于我的模板驱动的 NgForm

当我尝试在我的 Angular 6 应用程序中的 formGroup 上使用 disable 方法时，我在浏览器控制台中收到此错误: TypeError: this.personForm.disable 不是函数 虽然该方法是文档中提到的 &VS Code 甚至在此快照中建议使用它. 我的代码在这里: //...跳过了很多部分，这里的表单是模板驱动的//但仍然 personFo ..

发布时间：2021-11-09 01:30:02 angular typescript angular6 angular-forms 其他开发

如何删除轮廓 mat-form-filed 边框角半径

我正在使用有角度的材料轮廓 mat-form-field 来设计表单.我得到了带有边框角半径的默认 mat-form-field 轮廓文本框视图.有什么办法可以去掉outline mat-form-field的边框圆角半径，转成方形文本框视图. 我尝试使用以下内容更改角材料 mat-form-field 的默认样式，但它不起作用. //css .mat-form-field-appe ..

发布时间：2021-11-09 01:29:39 angular-material angular6 angular-forms 其他开发

Angular 6 创建单例服务

我知道 Angular 6 中必须创建单例服务的方式发生了一些变化.我有一个身份验证服务，需要为访问它的每个组件构造一次.我将提供者设置为服务的根: @Injectable({提供在:'根'}) 在我的 app.module.ts 文件中，我将 AuthService 设置为我在 NgModule 中的提供者之一.但是，每当我在使用 Auth 服务的不同组件之间进行路由时，它都会创建一个新 ..

发布时间：2021-11-09 01:22:32 angular authentication angularfire2 angular6 其他开发

如何首先为 JSON 文件使用两个转换器，然后为 firestore 使用两个转换器?

JSON 文件方法 导出函数 createTranslateLoader(http: HttpClient) {返回新的 TranslateHttpLoader(http, './assets/i18n/', '.json');} JSON 文件加载器 TranslateModule.forRoot({装载机:{提供:TranslateLoader，useFactory: (createT ..

发布时间：2021-11-09 01:20:39 angular angular6 angularfire2 ngx-translate 其他开发

angular2firebase - 使用 Angular 6 的多个实例

我正在使用 AngularFire2 升级到 Angular 6.我的应用引用了 2 个 Firebase 项目，使用如下代码创建数据库引用: public initFirebaseApp(config: FirebaseAppConfig, firebaseAppName: string) {this._db = new AngularFireDatabase(_firebaseAppFact ..

发布时间：2021-11-09 01:17:53 angularfire2 angular6 其他开发

不能在 Angular 6 的子模块中使用 app 模块中声明的指令

我正在使用 Angular 6. 我通过扩展 NbgPopover 声明了一个指令 StickyPopover 并添加了 app.module.ts 的 declaration> import { BrowserModule } from '@angular/platform-b​​rowser';从'@angular/core' 导入 { NgModule };从 './app.comp ..

发布时间：2021-11-09 00:57:02 angular typescript angular6 angular-directive 其他开发