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.

3
So erhalten Sie Daten von Observable in Angular2
Ich versuche, das Ergebnis des httpAnrufs Angularmit zu druckenrxjs Betrachten Sie den folgenden Code import { Component, Injectable, OnInit } from '@angular/core'; import { Http, HTTP_PROVIDERS } from '@angular/http'; import 'rxjs/Rx'; @Injectable() class myHTTPService { constructor(private http: Http) {} configEndPoint: string = '/my_url/get_config'; getConfig() { return this.http .get(this.configEndPoint) .map(res => …
4
Beste Methode, um unterschiedliche Layouts für unterschiedliche Seiten in Winkel 4 festzulegen
Ich bin neu in Angular 4. Ich versuche, verschiedene Layout-Kopf- und Fußzeilen für verschiedene Seiten in meiner App festzulegen. Ich habe drei verschiedene Fälle: Anmelden, Seite registrieren (keine Kopf- und Fußzeile) Routen: ['Login', 'Register'] Marketing-Site-Seite (dies ist der Stammpfad und hat eine Kopf- und Fußzeile, meistens kommen diese Abschnitte vor …
10
Angular 2 Component @Input funktioniert nicht
Ich versuche nicht, einen Eigenschaftswert an meine Komponente zu übergeben. Nach dem, was ich gelesen habe, sieht alles richtig aus. Aber es funktioniert immer noch nicht. Mein Testwert wird als Null auf dem Bildschirm und der Konsole ausgegeben. :( Dies ist meine Testkomponente: import {Component, Input} from 'angular2/angular2'; @Component({ selector: …
7
Kein Anbieter für Http StaticInjectorError
Ich versuche, die Daten von meiner API abzurufen und in meine ionische App einzufügen, aber sie stürzt ab, wenn ich die Seite betrete, auf der die Daten ausgefüllt werden sollen. Unten sind meine zwei .ts-Dateien: import { Component } from '@angular/core'; import { NavController, LoadingController } from 'ionic-angular'; import { …
5
Wie deklariere ich eine Pipe global für die Verwendung in verschiedenen Modulen?
Ich habe eine benutzerdefinierte Pipe namens CurrConvertPipe import {Pipe, PipeTransform} from '@angular/core'; import {LocalStorageService} from './local-storage'; @Pipe({name: 'currConvert', pure: false}) export class CurrConvertPipe implements PipeTransform { constructor(private currencyStorage: LocalStorageService) {} transform(value: number): number { let inputRate = this.currencyStorage.getCurrencyRate('EUR'); let outputputRate = this.currencyStorage.getCurrencyRate(localStorage.getItem('currency')); return value / inputRate * outputputRate; } } …
8
Winkel 2 verhindert, dass die Eingabe in vorlagengesteuerter Form gesendet wird
Ich habe Formulare, die den vorlagengesteuerten Entwurf verwenden, also ungefähr so: <form #myForm="ngForm" ngSubmit="save(myForm.value, myForm.isValid)"> <input #name="ngModel" [(ngModel)]="name"> <button type="submit">Submit form</button> </form> Wie kann ich nun verhindern, dass ENTER das Formular sendet? Dies beeinträchtigt das benutzerdefinierte ENTER-Verhalten innerhalb des Formulars und auch, wenn Sie versehentlich die Eingabetaste in einer unerwünschten …
4
Wie füge ich Document in Service ein?
Ich habe eine Angular 2-Anwendung. Um das DocumentObjekt in Tests zu verspotten , möchte ich es wie folgt in den Dienst einfügen: import { Document } from '??' @Injectable() export class MyService { constructor(document: Document) {} } Der TitleDienst von Angular verwendet die interne getDOM()Methode . Gibt es eine einfache …
7
Löst die Eingabetaste ein Klickereignis aus?
Im folgenden Code removeSelectedCountry()sollte aufgerufen werden, wenn auf ein spanElement geklickt wird, und handleKeyDown($event)sollte aufgerufen werden, wenn sich ein keydownEreignis auf einem befindet div. @Component({ selector: "wng-country-picker", template: ` <ul class="CountryPicker-selected" *ngIf="selectedCountries.length > 0"> <li *ngFor="let country of selectedCountries"> <span class="Pill Pill--primary" (click)="removeSelectedCountry(country)"> {{ country.name }} </span> </li> </ul> <div …
7
Winkel 2: Wie erkennt man Änderungen in einem Array? (@input Eigenschaft)
Ich habe eine übergeordnete Komponente, die ein Array von Objekten mithilfe einer Ajax-Anforderung abruft. Diese Komponente hat zwei untergeordnete Komponenten: Eine zeigt die Objekte in einer Baumstruktur und die andere rendert ihren Inhalt in einem Tabellenformat. Das übergeordnete Element übergibt das Array über eine @ input-Eigenschaft an seine untergeordneten Elemente …
20
TypeError: Sie haben ein ungültiges Objekt angegeben, für das ein Stream erwartet wurde. Sie können ein Observable, Promise, Array oder Iterable bereitstellen
Ich versuche es mapvon einem Serviceabruf aus, erhalte aber eine Fehlermeldung. Betrachtet man Abonnieren ist nicht in Winkel 2 definiert? und es hieß, dass wir, um uns anzumelden, aus dem Inneren der Betreiber zurückkehren müssen. Ich habe auch Rücksendungen. Hier ist mein Code: checkLogin(): Observable<boolean> { return this.service.getData() .map( response …
4
Angular2 - HTTP RequestOptions HEADERS
Ich habe derzeit ein Problem mit tslint und hoffte, jemand könnte mich in die richtige Richtung weisen. Ich versuche, eine HTTP-GET-Anforderung über HTTP zu senden, das vom Angular2-Framework bereitgestellt wird. Bei dieser Anfrage muss ich den Inhaltstyp und das Inhaberauthentifizierungstoken angeben. Beispiel für meinen Code: let headers = new Headers(); …
11
Wie setze ich die Bootstrap-Navigationsleiste in Angular 2 auf "aktiv"?
Wie kann ich die Bootstrap-Navigationsleiste in Angular 2 auf "aktiv" setzen? Ich habe Angular nur 1 Weg gefunden . Wenn ich zur Seite " Info" gehe , füge sie class="active"zu " Info" hinzu und entferne sie class="active"auf der Startseite . <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> Vielen …
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.