Questions tagged «angular»

因此，我有一个用于创建实体的复杂表格，我也想将其用于编辑，我正在使用新的角度表格API。我完全按照从数据库中检索到的数据来结构化表单，因此我想将整个表单的值设置为所检索到的数据，这是我要执行的操作的一个示例： this.form = builder.group({ b : [ "", Validators.required ], c : [ "", Validators.required ], d : [ "" ], e : [ [] ], f : [ "" ] }); this.form.value({b:"data",c:"data",d:"data",e:["data1","data2"],f:data}); PS：NgModel不适用于新的表单API，我也不介意在模板中使用一种数据绑定方式 <input formControlName="d" value="[data.d]" /> 那行得通，但在数组的情况下会很痛苦

91 angular  angular2-forms 

我在我的组件中有一个，EventEmitter但是我不能编译它，因为它返回错误： Supplied parameters do not match any signature of call target 我的组件： @Output() addModel = new EventEmitter<any>(); saveModel($event, make, name) { this.addModel.emit(make, name); } 如果删除其中的一个参数this.addModel.emit()可以正常工作，但是可以：我可以将2个参数传递给我eventEmitter吗？如何传递？ 我也尝试过： @Output() addModel = new EventEmitter<any,any>(); 但这不起作用。

91 angular  eventemitter 

在我的Angular 2项目中，我从返回Observable的服务进行API调用。然后，调用代码订阅了此可观察的代码。例如： getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } 假设服务器返回401。如何全局捕获此错误并重定向到登录页面/组件？ 谢谢。 这是我到目前为止的内容： // boot.ts import {Http, XHRBackend, RequestOptions} from 'angular2/http'; import {CustomHttp} from './customhttp'; bootstrap(AppComponent, [HTTP_PROVIDERS, ROUTER_PROVIDERS, new Provider(Http, { useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new CustomHttp(backend, defaultOptions), deps: [XHRBackend, RequestOptions] }) ]); // customhttp.ts import {Http, ConnectionBackend, …

90 angular 

在angular 2文档*和template中，我们知道* ngIf，* ngSwitch，* ngFor可以扩展为ng-template标签。我的问题是： 我觉得ngIf还是ngFor没有*也可以翻译并通过角引擎扩展到模板标签。 以下代码 <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> 将与 <ng-template [ngIf]="currentHero"> <hero-detail [hero]="currentHero"></hero-detail> </ng-template> 那么，为什么还要*在角2中设计一个奇怪的符号asterisk（）呢？

90 javascript  angular 

我正在尝试测试我的路由解析器，而在测试TypeError: ctor is not a constructor时却不知道为什么打字稿编译时不会出错。 TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42330:26) at resolveNgModuleDep (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42315:17) at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42362:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42330:26) at resolveNgModuleDep (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42315:17) at NgModuleRef_.webpackJsonp../node_modules/@angular/core/@angular/core.es5.js.NgModuleRef_.get (http://localhost:9877/_karma_webpack_/vendor.bundle.js:43401:16) at TestBed.webpackJsonp../node_modules/@angular/core/@angular/core/testing.es5.js.TestBed.get (http://localhost:9877/_karma_webpack_/vendor.bundle.js:48412:47) at http://localhost:9877/_karma_webpack_/vendor.bundle.js:48418:61 at Array.map (native)

90 angular  karma-runner  angular-routing 

给出以下代码： this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); 如何获得所有验证错误this.form？ 我正在编写单元测试，并希望在assert消息中包括实际的验证错误。

90 angular  typescript  validation 

因此，我在我的练习工作中与angular4一起工作，这对我来说是新的。幸运的是，为了获得html元素及其使用的值，我 <HTMLInputElement> document.getElementById还是 <HTMLSelectElement> document.getElementById 我想知道是否有任何替代角度

90 angular  typescript 

我是Angular 4的新手，所以谁能解释::ng-deep在Angular 4中的使用方式和位置？ 实际上，我想从父组件覆盖子组件的某些CSS属性。此外，它在IE11上受支持吗？

90 css  angular  angular-template 

我只是将角度更新为最新9.0.0-next.4。我没有使用路由，但是更新后突然看到此警告。我如何删除此警告 警告src/war/angular/src/app/app-routing.module.ts是TypeScript编译的一部分，但尚未使用。仅将入口点添加到tsconfig中的“文件”或“包含”属性。 package.json "dependencies": { "@angular/animations": "^9.0.0-next.4", "@angular/cdk": "^8.1.4", "@angular/common": "^9.0.0-next.4", "@angular/compiler": "^9.0.0-next.4", "@angular/core": "^9.0.0-next.4", "@angular/forms": "^9.0.0-next.4", "@angular/material": "^8.1.4", "@angular/platform-browser": "^9.0.0-next.4", "@angular/platform-browser-dynamic": "^9.0.0-next.4", "@angular/router": "^9.0.0-next.4", "@ng-bootstrap/ng-bootstrap": "^5.1.0", "bootstrap": "^4.3.1", "hammerjs": "^2.0.8", "moment": "^2.24.0", "ng-image-slider": "^2.0.1", "panzoom": "^8.1.2", "rxjs": "~6.5.2", "tslib": "^1.9.0", "zone.js": "^0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "^0.803.2", "@angular/cli": "^8.3.2", …

90 angular  typescript  angular-cli 

我从本教程中提取了示例模板代码，并按照以下两个步骤进行了入门- npm install // worked fine and created node_modules folder with all dependencies npm start //失败，并出现以下错误- node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are incompatible. Type '<T, R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'. Type …

89 angular  typescript  rxjs 

如何创建可以像本机<input>标记一样工作的自定义组件？我想让我的自定义窗体控件能够支持ngControl，ngForm，[（ngModel）]。 据我了解，我需要实现一些接口以使自己的表单控件像本机控件一样工作。 另外，似乎ngForm指令仅绑定<input>标签，对吗？我该如何处理？ 让我解释一下为什么我完全需要这个。我想包装几个输入元素，使它们能够作为一个输入一起工作。还有其他方法可以解决吗？再过一次：我想像本地控件一样进行此控件。验证时，ngForm，ngModel等两种方式绑定。 ps：我用打字稿。

89 typescript  angular 

请参阅https://angular.io/docs/ts/latest/guide/displaying-data.html并堆栈如何使用* ng检查angular 2模板中的空对象如果仍然遇到语法错误，则自身上下文未定义。如果我删除* ngIf条件，那么如果我在其中添加一些值，那么我将在teamMembers中获取值，以便可以访问teamMembers中的值。 我的teamMember对象是[ ] array我正在尝试检查条件数组的大小是否为空。 尝试： <div class="row" *ngIf="(teamMembers | json) != '{}'"> 和 <div class="row" *ngIf="teamMembers.length > 0"> //Check length great than throwing syntax error <div class="col-md-12"> <h4>Team Members</h4> <ul class="avatar" *ngFor="let member of teamMembers"> <li><a href=""><gravatar-image [size]="80" [email]="member.email"></gravatar-image></a></li> </ul> </div> </div> 零件 ： @Component({ selector: 'pbi-editor', …

89 angular  angular2-template 

我刚开始使用angular 4而不是angular.js 1。 我已经按照英雄教程学习了有关angular 4的基础知识，并且我目前正在使用来自@@ ular / router包中的angular自己的“ RouterModule”。 为了对我的应用程序执行一些授权，我想知道如何手动重定向到另一条路由，我似乎无法在Internet上找到关于此的任何有用信息。

89 angular 

我的问题很经典。我在后面有一个应用程序的私有部分login form。登录成功后，它将转到管理应用程序的子路由。 我的问题是我无法使用，global navigation menu因为路由器会尝试以我的路由AdminComponent而不是我的路由AppCompoment。所以我的导航坏了。 另一个问题是，如果有人想直接访问URL，我想重定向到父级“登录”路由。但是我不能使它工作。在我看来，这两个问题是相似的。 知道如何做到吗？

89 angular  angular-routing  angular-router 

如果我在html文件中有以下按钮 <button (click)="doSomething('testing', $event)">Do something</button> 另外，在相应的组件中，我具有此功能 doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } 是否应该为$event输入分配适当的类型？事件参数本身是一个对象，但是如果我将其分配给类型对象，则会收到错误消息 类型对象不存在属性“ stopPropogation” 那么，Typescript考虑$event输入什么呢？

89 javascript  typescript  angular