Questions tagged «angular»

需要帮助以了解以下语句中{read：ViewContainerRef}的含义。 @ViewChild('myname', {read: ViewContainerRef}) target;

92 angular 

我正在尝试遍历组件中的formArray，但是出现以下错误 Error: Cannot find control with unspecified name attribute 这是我的班级文件上的逻辑外观 export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any { return this.fb.group({ name: ['', [Validators.required]], latLong: ['', [Validators.required]], details: ['', [Validators.required]] }); } public ngOnInit(): void { this.areasForm = …

92 loops  angular  angular2-forms 

我正在对用于编辑对象的组件进行单元测试。该对象具有唯一性id，该唯一性用于从服务中托管的对象数组中获取特定对象。具体id是通过经由路由传递的参数采购，特别是通过ActivatedRoute类。 构造函数如下： constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { } ngOnInit() { this._curRoute.params.subscribe(params => { this.userId = params['id']; this.userObj = this._session.allUsers.filter(user => user.id.toString() === this.userId.toString())[0]; 我想在此组件上运行基本的单元测试。但是，我不确定如何注入id参数，并且组件需要此参数。 顺便说一句：我已经对该Session服务进行了模拟，因此不用担心。

92 unit-testing  angular  angular2-routing  angular2-testing 

我已经在本地计算机上设置了角度代码。我需要知道我在项目中使用的角度版本。如何在cmd提示符下轻松找到它？

92 javascript  angular 

题 为了进行测试，我创建的Observable对象将实际的http调用返回的可观察值替换为Http。 我的可观察对象是使用以下代码创建的： fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); 问题是，这个可观察的立即发出。有没有一种方法可以为其发射增加自定义延迟？ 跟踪 我尝试了这个： fakeObservable = Observable.create(obs => { setTimeout(() => { obs.next([1, 2, 3]); obs.complete(); }, 100); }); 但这似乎不起作用。

92 angular  typescript  observable 

由于某些原因，我必须在生产模式下运行我的应用程序。这些模式有什么区别？

91 angular  development-environment  production-environment 

我正在尝试发出POST请求，但无法正常工作： testRequest() { var body = 'username=myusername?password=mypassword'; var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http .post('/api', body, { headers: headers }) .subscribe(data => { alert('ok'); }, error => { console.log(JSON.stringify(error.json())); }); } 我基本上想复制此http请求（而不是ajax），就像它是由html表单发起的一样： 网址：/ api 参数：用户名和密码

91 typescript  angular 

我试图了解如何在Angular 2中使用Observables。我有此服务： import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) constructor() {} getAppointments() { return this.asObservable(this._appointmentChoices) } asObservable(subject: Subject<any>) { return new …

91 typescript  angular  rxjs  observable 

我已经讨论了有关此主题的JavaScript问题，该问题专门涉及带TypeScript的Angular2。 我正在尝试将json对象连接到一个数组。 我的代码看起来像这样， public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data => { this.results.concat(data.results); this._next = data.next; }, err => { console.log(err); } ); } 我怎么可以连接data.results到this.results与打字稿和角？ this._slug并this._next在课堂上设置。 谢谢。

91 arrays  typescript  angular 

假设我有一个组件： @Component({ selector: 'MyContainer', template: ` <div class="container"> <!-- some html skipped --> <ng-content></ng-content> <span *ngIf="????">Display this if ng-content is empty!</span> <!-- some html skipped --> </div>` }) export class MyContainer { } 现在，如果<ng-content>此组件为空，我想显示一些默认内容。是否有一种简单的方法可以执行此操作而无需直接访问DOM？

91 javascript  angular 

我通过Angular CLI生成了新的@Directive，将其导入到我的app.module.ts中 import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) 我尝试在我的组件（ChatWindowComponent）中使用 <p [appContenteditableModel] > Write message </p> 即使在指令内，只有Angular CLI生成的代码也是如此： import { Directive } from '@angular/core'; @Directive({ selector: '[appContenteditableModel]' }) export class ContenteditableModelDirective …

91 angular  typescript  directive 

我正在使用onchange将输入范围的值保存到firebase中，但是我有一个错误，谁未定义我的函数。 这是我的职责 saverange(){ this.Platform.ready().then(() => { this.rootRef.child("users").child(this.UserID).child('range').set(this.range) }) } 这是我的HTML <ion-item> <ion-row> <ion-col>Rayon <span favorite><strong> {{range}} km</strong></span></ion-col> <ion-col><input type="range" name="points" min="0" max="40" [(ngModel)]="range" onchange="saverange()"></ion-col> </ion-row> </ion-item> 如果存在，则等于angular的onchange。谢谢

91 angular 

以下代码有什么问题？当我尝试为元素分配表达式时， <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" > {{MY_PREC}} </div> 也尝试过 [aria-valuenow]={{MY_PREC}} 自RC5以来似乎发生了 有任何想法吗？

91 angular 

在使用Angular cli服务我的应用程序时，如何禁用自动重装？ ng --help提到了该--live-reload选项，但我无法使其起作用。 ng serve --live-reload=false还是ng serve --live-reload false不工作 编辑：这似乎是一个错误https://github.com/angular/angular-cli/issues/1755

91 angular  angular-cli 

FormGroup： 一个FormGroup将每个子FormControl的值聚合到一个对象中，并以每个控件名称作为键。 const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray： 甲FormArray聚集每个子FormControl的值到一个数组。 const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') ]); 什么时候应该使用另一个？

91 angular  angular2-forms  angular-reactive-forms