Pytania otagowane jako angular

Pytania na temat Angular (nie mylić z AngularJS), frameworkiem internetowym od Google. Użyj tego znacznika do pytań Angular, które nie są specyficzne dla poszczególnych wersji. W starszym frameworku sieciowym AngularJS (1.x) użyj znacznika angularjs.

5
Co to jest funkcja pipe () w Angular
Rury to filtry służące do przekształcania danych (formatów) w szablonie. Natrafiłem na pipe()funkcję jak poniżej. Co pipe()dokładnie oznacza ta funkcja w tym przypadku? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );
1
Czym jest ngDefaultControl w Angular?
Nie, to nie jest powtórzone pytanie. Widzisz, jest mnóstwo pytań i problemów w SO i Githubie, które nakazują dodanie tej dyrektywy do tagu, który ma [(ngModel)]dyrektywę i nie jest zawarty w formularzu. Jeśli tego nie dodam, pojawia się błąd: ERROR Error: No value accessor for form control with unspecified name …
4
Do czego służy rura w RxJS?
Myślę, że mam podstawową koncepcję, ale są pewne niejasności Tak więc ogólnie używam Observable: observable.subscribe(x => { }) Jeśli chcę filtrować dane, mogę użyć tego: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { }) Mogę też to zrobić: …
110 angular  rxjs  rxjs5 
11
Błąd Angular2: nie ma dyrektywy z ustawieniem „exportAs” na „ngForm”
Jestem na RC4 i otrzymuję błąd Nie ma dyrektywy z "exportAs" ustawionym na "ngForm" z powodu mojego szablonu: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts: import {disableDeprecatedForms, provideForms} …
3
Jak filtrować tablicę za pomocą TypeScript w Angular 2?
Dziedziczenie danych rodzic-dziecko ng-2 było dla mnie trudnością. Wydaje się, że może to być dobre, praktyczne rozwiązanie, polegające na filtrowaniu całej tablicy danych do tablicy składającej się tylko z danych potomnych, do których odwołuje się pojedynczy identyfikator rodzica. Innymi słowy: dziedziczenie danych staje się filtrowaniem danych według jednego identyfikatora nadrzędnego. …
8
Jak sprawdzić długość tablicy obserwowalnej
W moim komponencie Angular 2 mam tablicę Observable list$: Observable<any[]>; W moim szablonie mam <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> Ale lista $ .length nie działa w przypadku tablicy Observable. Aktualizacja: Wygląda na to, że (list $ | async) ?. …
9
<img>: niebezpieczna wartość używana w kontekście adresu URL zasobu
Od czasu aktualizacji do najnowszego kandydata do wydania Angular 2 moje imgtagi: &lt;img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'&gt; zgłaszają błąd przeglądarki: ORYGINALNY WYJĄTEK: Błąd: niebezpieczna wartość używana w kontekście adresu URL zasobu Wartość adresu URL to: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg EDYTOWAĆ: Wypróbowałem sugestię z innego rozwiązania, że ​​to pytanie ma być duplikatem, ale otrzymuję ten …
109 angular 
17
Materiał kątowy: mat-select nie wybiera domyślnego
Mam mat-select, w którym opcje są wszystkimi obiektami zdefiniowanymi w tablicy. Próbuję ustawić wartość domyślną na jedną z opcji, jednak pozostaje ona zaznaczona podczas renderowania strony. Mój plik maszynopisu zawiera: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; Mój plik HTML …
11
Przewiń do elementu po kliknięciu w Angular 4
Chcę mieć możliwość przewijania do celu po naciśnięciu przycisku. Myślałem o czymś takim. &lt;button (click)="scroll(#target)"&gt;Button&lt;/button&gt; A w mojej component.tsmetodzie jak. scroll(element) { window.scrollTo(element.yPosition) } Wiem, że powyższy kod nie jest prawidłowy, ale tylko po to, aby pokazać, o czym myślę. Właśnie zacząłem uczyć się Angular 4 bez wcześniejszego doświadczenia z …
16
Weryfikacja schematu nie powiodła się z powodu następujących błędów: Ścieżka danych „.builders [„ powłoka aplikacji ”]” powinna mieć wymaganą właściwość „klasa”
Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …
109 angular 
17
Formularze reaktywne - atrybut wyłączony
Próbuję użyć disabledatrybutu z pliku formControl. Kiedy wstawię to do szablonu, działa: &lt;md-input formControlName="id" placeholder="ID" [disabled]="true"&gt;&lt;/md-input&gt; Ale przeglądarka ostrzega mnie: Wygląda na to, że używasz atrybutu disabled z dyrektywą formularza reaktywnego. Jeśli ustawisz disabled na true podczas konfigurowania tej kontrolki w klasie komponentów, atrybut disabled zostanie faktycznie ustawiony w DOM …
6
Jak iterować przy użyciu mapy pętli ngFor zawierającej klucz jako ciąg i wartości jako iterację mapy
Jestem nowy w Angular 5 i próbuję iterować mapę zawierającą inną mapę w maszynopisie. Jak iterować poniżej tego rodzaju mapy w układzie kątowym poniżej jest kod dla komponentu: import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent implements OnInit { map = …
12
Dynamiczne aktualizowanie css w Angular 2
Powiedzmy, że mam komponent Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } Plik html szablonu dla tego komponentu //home.component.html &lt;div class="home-component"&gt;Some stuff in this div&lt;/div&gt; I na koniec plik css dla …
108 css  angular 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.