Als «angular» getaggte Fragen

Fragen zu Angular (nicht zu verwechseln mit AngularJS), dem Webframework von Google. Verwenden Sie dieses Tag für Winkelfragen, die nicht für eine einzelne Version spezifisch sind. Verwenden Sie für das ältere AngularJS (1.x) -Webframework das AngularJS-Tag.

4
Was entspricht ngSrc im neueren Angular?
Ich möchte img implementieren, wobei ein src vom JSON-Objekt stammt. In AngularJS könnte ich Folgendes tun: <img ng-src="{{hash}}" alt="Description" /> Gibt es ein Äquivalent dazu in Angular 2+?
92 angular 
7
Winkel 2 - Routing - Kann die Arbeit mit Observable aktivieren
Ich habe einen AuthGuard (für das Routing verwendet), der CanActivate implementiert . canActivate() { return this.loginService.isLoggedIn(); } Mein Problem ist, dass das CanActivate-Ergebnis von einem http-get-Ergebnis abhängt - der LoginService gibt ein Observable zurück . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Wie kann ich diese zusammenbringen - damit CanActivate …
16
Wie bestimme ich die URL der vorherigen Seite in Angular?
Angenommen, ich bin derzeit auf der Seite mit der URL /user/:id. Von dieser Seite navigiere ich nun zur nächsten Seite :id/posts. Gibt es jetzt einen Weg, damit ich überprüfen kann, was die vorherige URL ist, dh /user/:id. Unten sind meine Routen export const routes: Routes = [ { path: 'user/:id', …
11
'Router-Outlet' ist kein bekanntes Element
Ich habe ein MVC 5-Projekt mit einem eckigen Frontend. Ich wollte das Routing wie in diesem Tutorial beschrieben hinzufügen: https://angular.io/guide/router . Also habe _Layout.cshtmlich in meinem einen hinzugefügt <base href="/"> und habe mein Routing in meiner app.module erstellt. Aber wenn ich dies ausführe, erhalte ich den folgenden Fehler: Error: Template …
14
Winkelmaterial-Symbole funktionieren nicht
Ich habe Material für Winkel installiert, Ich habe auf meinem App-Modul MatIconModule (mit import { MatIconModule } from '@angular/material/icon';) importiert Ich habe es unter meinen ngmodule-Importen hinzugefügt mit: @NgModule({ imports: [ //... MatIconModule, //... Ich habe alle Stylesheets importiert Und ich habe es auch in meine App-Komponente importiert, die sie …
5
Wie kann ich ein Observable mit einer Verzögerung erstellen?
Frage Zu Testzwecken erstelle ich ObservableObjekte, die das Observable ersetzen, durch das ein tatsächlicher http-Aufruf zurückgegeben wird Http. Mein Observable wird mit folgendem Code erstellt: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); Die Sache ist, dieses beobachtbare strahlt sofort aus. Gibt es eine Möglichkeit, der Emission eine …
4
Verwenden eines Arrays aus Observable Object mit ngFor und Async Pipe Angular 2
Ich versuche zu verstehen, wie Observables in Angular 2 verwendet werden. Ich habe diesen Service: 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": …
8
Wie teste ich eine Komponente, die von den Parametern von ActivatedRoute abhängt?
Ich teste eine Komponente, die zum Bearbeiten eines Objekts verwendet wird. Das Objekt verfügt über eine eindeutige idEigenschaft, die verwendet wird, um das bestimmte Objekt aus einem Array von Objekten abzurufen, die in einem Dienst gehostet werden. Das Spezifische idwird über einen Parameter beschafft, der über das Routing übergeben wird, …
5
Rufen Sie eine Funktion für ein Klickereignis in Winkel 2 auf
Wie deklariere ich eine Funktion innerhalb einer Komponente (Typoskript) und rufe sie bei einem Klickereignis in Angular 2 auf? Es folgt der Code für dieselbe Funktionalität in Angular 1, für den ich Angular 2-Code benötige: <button ng-click="myFunc()"></button> //Regler app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.