Вопросы с тегом «angular»

Я пытаюсь понять, как использовать Observables в Angular 2. У меня есть такая услуга: 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}) …

93 typescript  angular  rxjs  observable 

Я тестирую модуль, который используется для редактирования объекта. У объекта есть уникальный объект, idкоторый используется для получения определенного объекта из массива объектов, размещенных в службе. Специфичность idобеспечивается параметром, который передается через маршрутизацию, в частности, через ActivatedRouteкласс. Конструктор выглядит следующим образом: constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { } ngOnInit() { …

93 unit-testing  angular  angular2-routing  angular2-testing 

Я хочу, чтобы оператор карты моего наблюдаемого объекта выдавал ошибку в зависимости от условия. Например, если правильные данные API не получены. См. Следующий код: private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( res.bearerToken ) { return this.saveJwt(res.bearerToken); } …

93 angular  typescript  rxjs 

Я установил Материал для углового, Я импортировал в свое приложение модуль MatIconModule (с import { MatIconModule } from '@angular/material/icon';) Я добавил его в свой импорт ngmodule с помощью: @NgModule({ imports: [ //... MatIconModule, //... Я импортировал все таблицы стилей И я также импортировал его в свой компонент приложения, который на …

93 angular  angular-material  angular-material2 

Вопрос В целях тестирования я создаю Observableобъекты, которые заменяют наблюдаемое, которое будет возвращено фактическим http-вызовом с Http. Моя наблюдаемая создается с помощью следующего кода: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); Дело в том, что эта наблюдаемая излучает немедленно. Есть ли способ добавить настраиваемую задержку к его …

92 angular  typescript  observable 

В моем проекте Angular 2 я делаю вызовы API из служб, которые возвращают Observable. Затем вызывающий код подписывается на эту наблюдаемую. Например: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } Допустим, сервер возвращает 401. Как я могу отловить эту ошибку глобально и перенаправить на страницу / компонент входа в систему? …

92 angular 

Я создал новый @Directive с помощью Angular CLI, он был импортирован в мой 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] …

92 angular  typescript  directive 

Я пытаюсь перебрать 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({ …

92 loops  angular  angular2-forms 

Допустим, у меня есть компонент: @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>этот компонент пуст. …

92 javascript  angular 

Я установил код angular на моем локальном компьютере. Мне нужно знать версию angular, которую я использую в проекте. как я могу легко найти его в командной строке?

92 javascript  angular 

Я рассмотрел вопросы по JavaScript по этой теме, этот вопрос конкретно об Angular2 с TypeScript. Я пытаюсь объединить объекты 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); } ); } Как …

92 arrays  typescript  angular 

Учитывая этот код: this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); Как я могу получить все ошибки проверки this.form? Я пишу модульные тесты и хочу включить в сообщение подтверждения фактические ошибки проверки.

91 angular  typescript  validation 

В документе angular 2, * и шаблоне мы знаем, что * ngIf, * ngSwitch, * ngFor можно расширить до тега ng-template. У меня вопрос: Я думаю, что ngIfили ngForбез него *также можно перевести и расширить до тега шаблона с помощью углового движка. Следующий код <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> будет таким же, …

90 javascript  angular  angular-directive 

Я пытаюсь протестировать свой распознаватель маршрутов, и во время тестирования я получил 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 …

90 angular  karma-runner  angular-routing 

Итак, я работаю с angular4 в своей практической работе, и для меня это в новинку. К счастью, чтобы получить элементы html и их значения, я использовал <HTMLInputElement> document.getElementByIdили <HTMLSelectElement> document.getElementById Мне интересно, есть ли ему замена в angular

90 angular  typescript