Запитання з тегом «angular»

Питання щодо Angular (не плутати з AngularJS), веб-рамкою від Google. Використовуйте цей тег для кутових питань, не характерних для окремої версії. Для старих веб-рамок AngularJS (1.x) використовуйте тег angularjs.

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

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

4
Використання масиву від Observable Object з ngFor та Async Pipe Angular 2
Я намагаюся зрозуміти, як використовувати 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}) …

9
У Angular 2 як перевірити, чи порожній <ng-content>?
Припустимо, у мене є компонент: @Component({ selector: 'MyContainer', template: ` &lt;div class="container"&gt; &lt;!-- some html skipped --&gt; &lt;ng-content&gt;&lt;/ng-content&gt; &lt;span *ngIf="????"&gt;Display this if ng-content is empty!&lt;/span&gt; &lt;!-- some html skipped --&gt; &lt;/div&gt;` }) export class MyContainer { } Тепер я хотів би відобразити вміст за замовчуванням, якщо &lt;ng-content&gt;для цього компонента порожньо. …

5
Як я можу створити спостережуваний із затримкою
Питання Для цілей тестування я створюю Observableоб'єкти, які замінюють спостережуваний, який повертається фактичним викликом http Http. Моє спостережуване створюється з таким кодом: fakeObservable = Observable.create(obs =&gt; { obs.next([1, 2, 3]); obs.complete(); }); Справа в тому, що це спостережуване виділяє негайно. Чи є спосіб додати спеціальну затримку до її викиду? Трек …


8
Angular 2 Не вдається знайти елемент керування з невизначеним атрибутом імені на formArrays
Я намагаюся виконати ітерацію через 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 …

5
Angular2 Неможливо прив’язати до DIRECTIVE, оскільки це не відома властивість елемента
Я створив новий @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) &lt;p [appContenteditableModel] …


4
Як передавати 2 параметри EventEmitter angular2
У мене є компонент an, EventEmitterале я не можу його скомпілювати, оскільки він повертає помилку: Supplied parameters do not match any signature of call target Мій компонент: @Output() addModel = new EventEmitter&lt;any&gt;(); saveModel($event, make, name) { this.addModel.emit(make, name); } Якщо я видалю один із параметрів, this.addModel.emit()він працює, але так: чи …


9
Angular2 - параметри запиту POST Http
Я намагаюся зробити запит 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 =&gt; { alert('ok'); }, error =&gt; { console.log(JSON.stringify(error.json())); }); } Я в основному хочу відтворити цей http-запит (не …

6
об’єднати два масиви об’єктів з Angular 2 та TypeScript?
Я переглядав питання JavaScript щодо цієї теми, це питання стосується Angular2 з TypeScript. Я намагаюся об’єднати об’єкти json у масив. Мій код виглядає приблизно так, public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data =&gt; { this.results.concat(data.results); this._next = data.next; }, err =&gt; { console.log(err); } ); } Як я можу …

3
Неможливо прив’язати до 'aria-valuenow', оскільки це не відома властивість 'div'
Що не так із наступним кодом? Відбувається у мене, коли я намагався призначити вираз елементу, &lt;div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" &gt; {{MY_PREC}} &lt;/div&gt; також намагався як [aria-valuenow]={{MY_PREC}} Здається, це відбувається з RC5 будь-які ідеї?
91 angular 

4
Як відключити автоматичне перезавантаження при обслуговуванні
Як відключити автоматичне перезавантаження при обслуговуванні мого додатка за допомогою Angular cli? ng --helpзгадує --live-reloadваріант, але я не можу змусити його спрацювати. ng serve --live-reload=falseабо ng serve --live-reload falseне працюють EDIT: здається, це помилка https://github.com/angular/angular-cli/issues/1755

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.