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
Nie można powiązać z „routerLink”, ponieważ nie jest to znana właściwość
Niedawno zacząłem bawić się angularem 2. Jak dotąd jest niesamowity. Zacząłem więc osobisty projekt demonstracyjny, aby nauczyć się obsługi angular-cli. Przy podstawowej konfiguracji routingu chcę teraz przejść do niektórych tras z nagłówka, ale ponieważ mój nagłówek jest elementem nadrzędnym dla router-outlet, pojawia się ten błąd. app.component.html <app-header></app-header> // Trying to …
2
Co to jest let- * w szablonach Angular 2?
W szablonie Angular 2 natknąłem się na dziwną składnię przypisania. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Wydaje się, że let-coli let-car="rowData"utworzyć dwie nowe zmienne coli carktóre mogą być następnie wiąże się wewnątrz szablonu. Źródło: https://www.primefaces.org/primeng/#/datatable/templating Jak nazywa się ta magiczna let-*składnia? Jak to działa? Jaka jest różnica między let-somethingi …
7
Czy istnieje sposób na usunięcie niewykorzystanych importów i deklaracji z Angular 2+?
Zostałem przydzielony do zabrania trochę pomieszanego kodu od innych programistów, którzy niedawno opuścili firmę. Z ciekawości pytam, czy jest jakaś wtyczka Visual Studio Code lub inne środki, które pomogłyby nam w szybkim i efektywnym uporządkowaniu i zorganizowaniu importu i referencji? Na przykład może być setek takich importów import { AutoCompleteModule,InputSwitchModule …
2
OSTRZEŻENIE w budżetach, przekroczono maksimum na początku
Kiedy buduję mój projekt Angular 7 z --prod, mam ostrzeżenie w budżetach. Mam projekt kątowy 7, chcę go zbudować, ale mam ostrzeżenie: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB to są szczegóły fragmentu: chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB [rendered] chunk {0} …
7
Jak wywołać funkcje innych komponentów w angular2
Mam dwa składniki w następujący sposób i chcę wywołać funkcję z innego składnika. Oba komponenty są zawarte w trzecim nadrzędnym komponencie using. Składnik 1: @component( selector:'com1' ) export class com1{ function1(){...} } Składnik 2: @component( selector:'com2' ) export class com2{ function2(){... // i want to call function 1 from com1 …
6
Jak obserwować zmiany formy w Angular
W Angular mógłbym mieć formularz, który wygląda następująco: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> W ramach odpowiedniego kontrolera mogłem łatwo obserwować zmiany w treści tego formularza, takie jak: function($scope) { $scope.model = {}; $scope.$watch('model', () => { // Model has updated }, true); } …
151 angular 
3
Jaka jest różnica między nawiasami, nawiasami i gwiazdkami w Angular2?
Czytałem skróconą instrukcję Angular 1 do 2 na stronie Angular i jedną rzeczą, której nie do końca rozumiałem, była różnica między tymi znakami specjalnymi. Na przykład taki, który używa gwiazdek: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Rozumiem, że symbol krzyżyka (#) definiuje się moviejako zmienną szablonu lokalnego, ale co oznacza …
151 angular 
6
Jaki jest cel dostarczenia z dekoratorem iniekcyjnym podczas generowania usług w Angular 6?
Podczas generowania usług w Angular CLI, dodaje dodatkowe metadane z właściwością „dostarczone w” z domyślną wartością „root” dla dekoratora Injectable. @Injectable({ providedIn: 'root', }) Co dokładnie zapewnia? Zakładam, że oznacza to udostępnienie usługi jako pojedynczej usługi typu „globalnego” dla całej aplikacji, jednak czy deklarowanie takich usług w tablicy dostawców AppModule …
151 angular  angular6 
15
Jak dynamicznie ładować zewnętrzne skrypty w Angular?
Mam taki moduł, który komponuje zewnętrzną bibliotekę wraz z dodatkową logiką bez dodawania <script>tagu bezpośrednio do index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Zauważyłem, że importspecyfikacja ES6 jest statyczna i rozwiązana podczas transpilacji TypeScript, a nie w czasie wykonywania. …
4
<ng-container> vs <template>
ng-container jest wspomniany w dokumentacji Angulara 2, ale nie ma wyjaśnienia, jak to działa i jakie są przypadki użycia. Jest to szczególnie wspomniane w ngPluralingSwitch dyrektywach . Robi &lt;ng-container&gt; robi to samo co &lt;template&gt;, czy też zależy to od tego, czy napisano dyrektywę, aby użyć jednego z nich? Są &lt;ng-container …
7
Sen maszynopisu
Tworzę stronę internetową w Angular 2 przy użyciu Typescript i zastanawiałem się, czy istnieje sposób na zaimplementowanie thread.sleep(ms)funkcjonalności. Moim przypadkiem jest przekierowanie użytkowników po przesłaniu formularza po kilku sekundach, co jest bardzo łatwe w html lub javascript, ale nie jestem pewien, jak to zrobić w Typescript. Wielkie dzięki,
2
Uzyskaj dostęp do wielu widoków dzieci za pomocą @viewchild
Stworzyłem niestandardowy komponent, który umieściłem w pętli for np &lt;div *ngFor="let view of views"&gt; &lt;customcomponent&gt;&lt;/customcomponent&gt; &lt;/div&gt; Rezultatem będzie: &lt;customcomponent&gt;&lt;/customcomponent&gt; &lt;customcomponent&gt;&lt;/customcomponent&gt; &lt;customcomponent&gt;&lt;/customcomponent&gt; Chciałbym wiedzieć, jak mogę uzyskać odniesienie do tych komponentów za pomocą składni @viewchild lub w inny sposób, gdy liczba tych składników może się różnić gdy komponentowi można nadać nazwę …
149 angular 
8
Parametry zapytania Angular 4 HttpClient
Szukałem sposobu, aby przejść do kwerendy parametry wywołania API z nowym HttpClientModule„s HttpClienti jeszcze się znaleźć rozwiązanie. W starym Httpmodule napisałbyś coś takiego. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params }) } Spowodowałoby to wywołanie interfejsu API pod …
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.