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.

8
Jak załadować obraz (i inne zasoby) w Angular projekt?
Jestem całkiem nowy w Angular, więc nie jestem pewien, jaka jest najlepsza praktyka, aby to zrobić. Użyłem angular-cli i ng new some-projectwygenerowałem nową aplikację. W nim utworzono folder „images” w folderze „asset”, więc teraz jest folder „obrazy” src/assets/images W app.component.html(który jest katalogiem głównym mojej aplikacji) umieściłem <img class="img-responsive" src="assets/images/myimage.png"> Kiedy …
16
Demo sortowania mat-table nie działa
Staram się, aby mat-tablesortowanie działało lokalnie i chociaż mogę sprawić, by dane były wyświetlane zgodnie z oczekiwaniami, kliknięcie wiersza nagłówka nie powoduje sortowania, tak jak w przypadku przykładów online (w ogóle nic się nie dzieje). Próbuję, aby to demo działało lokalnie: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Wygenerowałem nowy projekt za pomocą Angular CLI, …
7
Jak mogę ograniczyć liczbę powtórzeń ngFor do określonej liczby elementów w Angular?
Mój kod: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Staram się, aby w dowolnym momencie było wyświetlanych tylko 10 elementów listy. Jak zasugerowano w odpowiedzi tutaj , użyłem ngIf, ale skutkuje to wyświetlaniem pustych elementów listy (powyżej 10) na stronie.
108 angular 
12
Ustaw fokus na elemencie <input>
Pracuję z aplikacją front-end z Angular 5 i muszę mieć ukryte pole wyszukiwania, ale po kliknięciu przycisku pole wyszukiwania powinno być wyświetlane i wyostrzone. Wypróbowałem kilka sposobów znalezionych w StackOverflow z dyrektywą lub tak, ale nie mogę się powieść. Oto przykładowy kod: @Component({ selector: 'my-app', template: ` &lt;div&gt; &lt;h2&gt;Hello&lt;/h2&gt; &lt;/div&gt; …
6
Unikaj Angular2 do systematycznego wysyłania formularza po kliknięciu przycisku
Ok, więc może to jest niejasne. Pobierz ten formularz: &lt;form (ngSubmit)="submit()" #crisisForm="ngForm"&gt; &lt;input type="text" name="name" [(ngModel)]="crisis.name"&gt; &lt;button type="submit"&gt;Submit&lt;/button&gt; &lt;button type="button" (click)="preview()"&gt;Preview&lt;/button&gt; &lt;button type="reset" (click)="reset()"&gt;Reset&lt;/button&gt; &lt;/form&gt; Dlaczego wszystkie przyciski wyzwalają tę submit()funkcję? Jak tego uniknąć?
10
OSTRZEŻENIE: odkażanie niebezpiecznego adresu URL wartości stylu
Chcę ustawić obraz tła DIV w szablonie komponentów w mojej aplikacji Angular 2. Jednak wciąż otrzymuję następujące ostrzeżenie w mojej konsoli i nie osiągam pożądanego efektu ... Nie jestem pewien, czy dynamiczny obraz tła CSS jest blokowany z powodu ograniczeń bezpieczeństwa w Angular2, czy też mój szablon HTML jest uszkodzony. …
107 typescript  angular  xss 
5
Angular 8 - Leniwe ładowanie modułów: Błąd TS1323: Import dynamiczny jest obsługiwany tylko wtedy, gdy flaga „--module” to „commonjs” lub „esNext”
Kiedy zaktualizowałem Angular z 7 do Angular 8, otrzymałem błąd z powodu leniwego ładowania modułów Wypróbowałem opcje, które są dostępne w przewodniku aktualizacji kątowej Wprowadzono poniższe zmiany: Przed loadChildren: '../feature/path/sample- tage.module#SameTagModule' Po loadChildren: () =&gt; import('../feature/path/sample- tags.module').then(m =&gt; m.CreateLinksModule) błąd TS1323: Import dynamiczny jest obsługiwany tylko wtedy, gdy flaga „--module” …
6
Angular HttpClient „Błąd HTTP podczas analizowania”
Próbuję wysłać żądanie POST z Angular 4 do mojego zaplecza Laravel. Moja usługa logowania ma następującą metodę: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Subskrybuję tę metodę w moim komponencie LoginComponent: .subscribe( (response: any) =&gt; { console.log(response) location.reload() }, (error: any) =&gt; { console.log(error) }) …
4
W Angular, co to jest „pathmatch: full” i jaki ma efekt?
Tutaj używa pathmatch jako pełnego, a kiedy usuwam to pathmatch, nawet nie ładuje aplikacji ani nie uruchamia projektu import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { AppComponent } from './app.component'; import { …
16
Jak odinstalować / zaktualizować Angular CLI?
Kiedy próbuję stworzyć nowy projekt za pomocą Angular CLI , z: ng n app Otrzymuję ten błąd: fs.js: 640 return binding.open (pathModule._makeLong (ścieżka), stringToFlags (flagi), tryb); ^ TypeError: ścieżka musi być ciągiem znaków lub buforem w TypeError (natywna) Jak mogę zaktualizować lub odinstalować Angular CLI ?
6
Angular2: renderuj komponent bez jego tagu opakowującego
Usiłuję znaleźć sposób, aby to zrobić. W komponencie nadrzędnym szablon opisuje a tablei jego theadelement, ale deleguje renderowanie tbodydo innego komponentu, na przykład: &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Time&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody *ngFor="let entry of getEntries()"&gt; &lt;my-result [entry]="entry"&gt;&lt;/my-result&gt; &lt;/tbody&gt; &lt;/table&gt; Każdy składnik myResult renderuje swój własny trznacznik, zasadniczo w następujący sposób: …
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.