Tag: angular
Fragen zu Eckig, das web-framework von Google. Verwenden Sie dieses tag für Eckige Fragen, die nicht nur für eine bestimmte version. Für die älteren AngularJS (1.x) web-framework verwenden Sie die angularjs-tag.
Wie mache ich eine einfache JSONP asynchrone Anfrage in Angular 2?
3 Antworten
Ich versuche, konvertieren Sie die folgenden Winkel-1 code Winkel-2: $http.jsonp('https://accounts.google.com/logout'); Muss es eine JSONP-Anfrage zu überspringen, CORS politische Frage. InformationsquelleAutor der Frage nunoarruda | 2016-03-29
Es gibt keine Anweisung mit "exportAs" auf "ngForm" gesetzt
10 Antworten
Dass dieses Projekt Abhängigkeiten : "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": "^2.4.0", "es6-module-loader": "^0.17.8", "rxjs": "5.0.0-beta.11", "systemjs": "0.19.27", "zone.js": "0.6.17",
Was ist der Unterschied zwischen markForCheck () und detectChanges ()
2 Antworten
Was ist der Unterschied zwischen ChangeDetectorRef.markForCheck() und ChangeDetectorRef.detectChanges()? Ich nur Informationen gefunden auf SO als der Unterschied zwischen NgZone.run()aber nicht zwischen diesen beiden Funktionen. Antworten mit nur einen Verweis auf die doc, bitte, sollen einige praktische Szenarien
Template-Parse-Fehler: 'md-form-field' ist kein bekanntes Element
2 Antworten
Ich bin mit Winkel 4 und Winkel Material 2. Für den folgenden code : <form> <md-form-field> <input mdInput [ngModel]="userName" placeholder="User" [formControl]="usernameFormControl"> <md-error *ngIf="usernameFormControl.hasError('required')"> This is <strong>required</strong> </md-error> <input mdInput [ngModel]="password" placeholder="Password" [formControl]="passwordFormControl"> <md-error *ngIf="passwordFormControl.hasError('required')"> This is <strong>required</strong>
angular2 style guide - Eigenschaft mit Dollarzeichen?
4 Antworten
Blick auf angular2 code-Beispielsehen wir einige öffentliche Eigenschaften mit $ - Zeichen: <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); //Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> Kann das jemand erklären:
Wie kann ich meine Angular 2 + Typescript + Webpack App bereitstellen?
4 Antworten
Bin ich eigentlich lernen Winkel-2 mit Typoskript und entwickelt eine kleine app, indem Sie auf der Grundlage der angular-seed-Projekt (angular-seed). Ich gebaut habe, die app für Produktions-Zwecke und bekam dist-Ordner bereitgestellt werden mit meiner bundle-Dateien wie dieses:
Wie man Objektschlüssel mit * ngFor iteriert
8 Antworten
Ich Durchlaufen [object object] *ngFor in den Winkel-2. Das problem ist das Objekt kein array von Objekt-Objekt-Objekt enthält weitere Objekte. { "data": { "id": 834, "first_name": "GS", "last_name": "Shahid", "phone": "03215110224", "role": null, "email": "[email protected]", "picture": **{
Angular2 ngModel in ngFor (Daten sind nicht an die Eingabe gebunden)
2 Antworten
Dies ist mein Angular2 Anwendung mit input-Felder innerhalb der Tabelle. Meine Daten anzeigen auf select tag, aber die Daten, verknüpft mit ngModel auf input - tag wird nicht angezeigt in input Feld. <form name="userForm"> <table> <tr *ngFor="let
Was ist äquivalent zu ngShow und ngHide in Angular?
12 Antworten
Ich habe eine Reihe von Elementen, die ich will, um sichtbar zu werden unter bestimmten Bedingungen. In AngularJS würde ich schreiben, <div ng-show="myVar">stuff</div> Wie kann ich dies in Eckige? InformationsquelleAutor der Frage Mihai Răducanu | 2016-02-23
Modul nicht gefunden: Fehler: Kann './$$_gendir/app/app.module.ngfactory' nicht auflösen
6 Antworten
Bekomme ich die folgende Fehlermeldung nach der Aktualisierung mein Winkel-cli ERROR in Template parse errors: Can't bind to 'index' since it isn't a known property of 'tag'. ("own)="handleKeydown($event, item)" (onTagEdited)="onTagEdited.emit(item)" [ERROR ->][index]="i" [attr.tabindex]="readonly ? -1 : 0"
Winkelmesser 2 fehlgeschlagen: unbekannter Fehler: Winkel ist nicht definiert
1 Antworten
Bin ich immer die folgende Fehlermeldung: Fehlgeschlagen: unbekannter Fehler: Winkel ist nicht definiert Dies geschieht nur, wenn Sie Winkel-spezifische Selektoren wie "durch.- Modell". Aber Selektoren wie "durch.css" korrekt funktionieren . Dies ist eine Eckige 2-app... Test it('should
Verwenden des relativen Pfads für TemplateUrl in Angular2-Komponente mit SystemJS
9 Antworten
Ich versuche relative Pfad bei der Definition templateUrl in angular2 Komponente, wie hier beschrieben: http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/ @Component({ selector: 'login-app', moduleId: module.id, templateUrl: './app.html' }) obwohl ich immer: FEHLER: Modul ist nicht definiert Ich bin mit --m commonjs auf
Angular 2: Formularübergabe abgebrochen, da das Formular nicht verbunden ist
7 Antworten
Habe ich ein modal, die ein Formular enthält, wenn das modale zerstört wird, bekomme ich die folgende Fehlermeldung in der Konsole: Senden des Formulars abgebrochen, weil die form ist nicht angeschlossen Den modal Hinzugefügt <modal-placeholder> element, das
Angular 2: Ruft den Verweis auf eine Anweisung ab, die in einer Komponente verwendet wird
2 Antworten
Ich habe eine Komponente, deren Vorlage sieht ungefähr so aus: <div [my-custom-directive]>Some content here</div> Ich brauche den Zugriff auf die MyCustomDirective Instanz der Klasse verwendet. Wenn ich will, um Zugang zu einer Kind-Komponente verwende ich einen ng.core.ViewChild
Wie ändere ich das HTML-Element readonly und das erforderliche Attribut in Angular2 Typescript?
3 Antworten
Für einige meiner Komponenten würde ich gerne ändern input-Feld auf readonly und erforderliche Attribute hin und her. Habe ich es geschafft einen lauffähigen code zu erhalten, dass die Veränderungen sowohl auf der Nachfrage, aber das problem ist,
Implementierung einer Plugin Architektur / Plugin System / Pluggable Framework in Angular 2, 4, 5, 6
9 Antworten
Update 5/24/2018: Wir sind jetzt +3-Versionen von Angular von meinem ursprünglichen post und nicht noch eine Letzte brauchbare Lösung. Lars Meijdam (@LarsMeijdam) hat eine interessante Vorgehensweise, die sicherlich einen Blick Wert. (Wegen eigener Probleme, er hatte vorübergehend
Möchten Sie ein Projekt von Angular v5 auf Angular v6 aktualisieren?
11 Antworten
Als Winkel 6 ist hier, ich möchte ein upgrade oder bewegen Sie meine Winkel-5-client-Anwendung zum Winkel 6, aber ich bekomme keine tutorial oder irgendetwas, das lässt mich durch. Nach mir, ich muss nur noch eine neue Eckige
Wenn '& lt; Selektor & gt;' ist eine eckige Komponente, dann vergewissern Sie sich, dass es Teil dieses Moduls ist
5 Antworten
Ich bin neu in Angular2. Ich habe versucht, für eine Komponente erstellen, aber der zeigt einen Fehler an. Dies ist die app.component.ts Datei. import { Component } from '@angular/core'; import { MyComponentComponent } from './my-component.component'; @Component({ selector:
Was macht das Attribut "ng-reflect-*" in Angular2 / 4?
1 Antworten
Hier habe ich eine komplexe Datenstruktur, die in einer Angular4 Anwendung. Es ist ein gerichteter multigraph eingestellt mit Wörterbüchern sowohl auf Knoten und links. Meine eckige Komponenten arbeiten auf diese komplexen Daten-Modell. In Angular2.4, alles hat gut
Wie wird der Vorlagencache gelöscht?
9 Antworten
Im Winkel 2, wie löschst du den template-cache? Es gibt Unmengen von Antworten für Winkel-1, aber keine für 2. Das Problem, das ich habe ist, dass wenn ich den Inhalt der html-Seiten verwiesen wird, die von templateUrl
Angular 4 und Ionic 3 Kein Provider für HTTP
4 Antworten
Habe ich eine Dienstleistung, die Importe Http, und wenn ich es in mein app wirft Fehler. "Kein Anbieter für Http! Fehler bei g injectionError". Ich bin lazyloading die app. Auch der Anbieter generiert wurde, über cli "ionic
Kann nicht an 'ngForOf' binden, da es keine bekannte Eigenschaft von 'tr' ist (endgültige Version)
4 Antworten
Ich bin mit Angular2 Endgültige Version (2.1.0). Wenn ich will, um eine Liste von Unternehmen, bekam ich diese Fehlermeldung. in file.component.ts : public companies: any = [ { "id": 0, "name": "Available" }, { "id": 1, "name":
Wie synchronisiert man Angular2 http erhalten?
8 Antworten
Verstehe ich mithilfe von beobachtbaren ich kann das ausführen einer Methode auf, wenn die Anforderung abgeschlossen ist, aber wie kann ich warten, bis eine http get ist abgeschlossen und die Rückgabe der Antwort mit in ng2 http?
Angular 2 Datei-Upload vom Eingangstyp = Datei
6 Antworten
Verwendung von Winkel-2 beta, und ich kann nicht scheinen, um die Eingabe der Typ-Datei zu arbeiten. Diagnose kann ich sehen, zwei-Wege Bindung für andere types wie text. <form> {{diagnostic}} <div class="form-group"> <label for="fileupload">Upload</label> <input type="file" class="form-control" [(ngModel)]="model.fileupload">
angle-cli wie sass und oder bootstrap hinzuzufügen?
6 Antworten
Ich versuche eckig-cli und zu versuchen, sass und bootstrap in das Projekt. Ich habe gelesen, in der wiki , Sie können einfach tun: ng install sass Tut das mit der aktuellen neuesten (beta.5) gibt mir eine Fehlermeldung:
Wie man die Kettenfolge in rxjs macht
3 Antworten
Ich würde gerne etwas wie: this._myService.doSomething().subscribe(result => { doSomething() }); .then( () => dosthelse() ) .then( () => dosanotherthing() ) Also ich würde gerne die Kette .dann wie im Versprechen. Wie würde ich das tun in Rxjs?
Angular 2 Nach oben bei Routenänderung blättern
16 Antworten
In meinem Winkel-2 app, wenn ich nach unten scrollen Sie eine Seite und klicken Sie auf den link am unteren Rand der Seite, es ändert sich die route und führt mich der nächsten Seite, aber es funktioniert
Wie benutzt man Angular2 Templates mit * ngFor um eine Tabelle aus verschachtelten Arrays zu erstellen?
7 Antworten
Gegeben Folgendes array der Komponente Eigenschaft groups: [ { "name": "pencils", "items": ["red pencil","blue pencil","yellow pencil"] }, { "name": "rubbers", "items": ["big rubber","small rubber"] }, ] So erstellen Sie eine html-Tabelle mit allen Elementen, die jeweils in
Wie komme ich auf Scroll-Events?
4 Antworten
Ich brauche, um die scroll-Ereignisse aus einem div mit overflow: scroll in meinem Winkel 2 app. Scheint es onscroll event nicht funktioniert auf Eckig 2. Wie könnte ich das erreichen? InformationsquelleAutor der Frage Natanael | 2016-12-23
Angular2 - Hinzufügen von [_ngcontent-mav-x] zu Stilen
2 Antworten
Ich bin einrichten eines Basis-Winkel-app, und ich werde versuchen, Spritzen einige css zu meinen Ansichten. Dies ist ein Beispiel von einer meiner Komponenten: import { Component } from 'angular2/core'; import { ROUTER_PROVIDERS, ROUTER_DIRECTIVES, RouteConfig } from 'angular2/router';
Angular2 dynamische Änderung CSS-Eigenschaft
5 Antworten
Machen wir eine Angular2 Anwendung und wir wollen in der Lage sein, um irgendwie erstellen Sie eine Globale CSS Variablen (und aktualisieren die Eigenschaften der Werte, Wann immer verändert, wenn die variable zugeordnet ist). Hatten wir verwendeten
Angular 2: Just-in-Time (JiT) und A-Time-Compilation (AoT)
5 Antworten
Bezog ich diese Dokumentation und kam über die Zusammenstellung Konzept. Man kann sich entweder per JIT oder AOT-Kompilierung. Allerdings fand ich es sehr kurz und müssen wissen, folgende Punkte in den details, die Unterschiede zwischen den beiden
Sie scheinen nicht auf "@ angular / core" angewiesen zu sein. Dies ist ein Fehler
28 Antworten
Ich will eine eckige 2-App mit angular cli Ich geschrieben habe in der cmd: npm installieren eckig-cli -g dann: ng firstngapp aber es zeig mir einen Fehler, wenn ich Schreibe npm start ! Ich verstehe nicht das
@ eckig / Plattform-Browser vs. @ eckig / Plattform-Browser-dynamisch
3 Antworten
In der neueren Beispiele (Samen, eckig.io,..) es ist ein weiterer import für den bootstrapping-Prozess: @angular/platform-browser-dynamic. Könnte mir jemand erklären, was sind die Unterschiede zwischen ihm und @angular/platform-browser? Es gibt keine Informationen auf der offiziellen eckig.io-website noch. InformationsquelleAutor
Warum sollten wir subscribe () über map () in Angular verwenden?
4 Antworten
Ich bin versucht, die Vorteile von observablen in angular2 und war verwirrt, warum sollte ich mit map() über subscribe(). Angenommen, ich bekomme Werte aus einer webApi, wie diese this.http.get('http://172.17.40.41:8089/api/Master/GetAllCountry') Nun mit subscribe(success, error, complete) bekomme ich die
Gibt es eine Alternative für ng-disabled in angular2?
4 Antworten
Ich bin mit angular2 für die Entwicklung und Frage mich, ob es irgendeine alternative für ng-disabled im angular2. Für ex. code unten ist in angularJS: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i
Angular2 Observable und Versprechen
3 Antworten
Begann ich mit Angular2 Observableaber ich kann nicht finden, etwas ähnliches zu .then dass ich mit Promises. Dies ist, was ich erreichen will. code aus dem header.Komponente.ts public login() { this._user = AuthService.getInstance().login(this._loginInfo); } code vom auth.service.ts
Wie wird Dependency Injection (DI) korrekt in Angular2 verwendet?
5 Antworten
Habe ich versucht herauszufinden, wie die (DI) - Dependency Injection-Arbeit in Angular2. Ich lief in viele problem/Frage jedes mal, wenn ich versuchte, Sie zu Injizieren einer Dienst - /oder Klasse in meinen Komponenten. Aus verschiedenen gegoogelt Artikeln,
eckig: den Text der Schaltfläche basierend auf dem booleschen Wert im Modell umschalten
5 Antworten
was ist eine einfache Möglichkeit, ändern Sie den text in einem button-element basierend auf boolescher Wert? pseudo-code: <button> some text OR some other text </button> Ich lese das so: Angularjs if-then-else-Konstruktion in Ausdruck und das mit ng-switch:
Angular2, wie kann ein Ankerelement korrekt deaktiviert werden?
7 Antworten
Arbeite ich an einer Angular2 Anwendung, und ich brauche eine display-aber disable eine <a> HTML element. Was ist der richtige Weg, dies zu tun? Aktualisiert Bitte beachten Sie die *ngFordies würde verhindern, dass die Möglichkeit der Verwendung
Winkel 2 optionaler Routenparameter
7 Antworten
Ist es möglich, einen optionalen parameter der route in den Winkel-2 route? Ich habe versucht, den Winkel-1.x-syntax in RouteConfig erhielt aber folgende Fehlermeldung: "URSPRÜNGLICHE AUSNAHME: Pfad "/user/:id?" enthält "?", was ist nicht erlaubt in einer route config."
Wie benutzt man das onBlur Event auf Angular2?
5 Antworten
Wie Sie erkennen, ein onBlur-Ereignis in Angular2? Ich will es mit <input type="text"> Kann mir jemand helfen zu verstehen, wie es zu benutzen? InformationsquelleAutor der Frage Ignat | 2016-01-21
Angular2 RC 5. Keine Komponentenfabrik für dynamisch geladene Komponenten gefunden
3 Antworten
Ich versuche zu aktualisieren meine dynamische Komponente loader von RC4 auf RC5, da die ComponentResolver ist veraltet. Ich habe aktualisiert, die den loader um die folgenden @Component({ selector: 'component-dispatcher', template: `<div #container></div>` //Define the template here because
Angular 2, Komponente innerhalb der Hauptkomponente
2 Antworten
Habe ich gespielt mit den eckigen 2-demo auf eckig.io. Jetzt möchte ich eine neue Komponente erstellen und verwenden Sie es innerhalb meiner app. Meine aktuelle app: import {Component, Template, bootstrap} from 'angular2/angular2'; import {UsersComponent} from './components/users/component.js'; //Annotation
Angular2 - TypeError: this.http.get (...) .toPromise ist keine Funktion
1 Antworten
ich versuche zu Folgen tutorial auf eckig.io (Tour der Helden) Aber statt tutorial versuche ich zu machen, real-GET-Anforderung auf einige JSON. Mein code sieht wie folgt aus: private userUrl = 'https://jsonplaceholder.typicode.com/users'; constructor(private http: Http) {} getUsersHttp(): Promise<User>
Fehler TS7008: Mitgliederzusammenfassung hat implizit einen beliebigen Typ
3 Antworten
Nach dem Update auf die Winkel-2 RC bekam ich die folgende Fehlermeldung: error TS7008: Member 'summary' implicitly has an 'any' type. in dieser Zeile: @Input() summary; was ist falsch? Edit: Ok, scheinen, wie bekomme ich diese Fehler
So erhalten Sie die aktuelle Route
23 Antworten
Den aktuellen docs reden nur über die erste route params, nicht die tatsächliche route Segmente. Zum Beispiel, wenn ich will, zu finden, die Eltern der aktuellen route, wie ist das möglich? InformationsquelleAutor der Frage pdeva | 2016-01-04
Wie navigiere ich von einer untergeordneten Route zu einer übergeordneten Route?
6 Antworten
Mein problem ist ganz klassisch. Ich habe einen privaten Teil einer Anwendung, die hinter einem login form. Wenn die Anmeldung erfolgreich ist, geht es um eine Kind-route für die admin-Anwendung. Mein problem ist, dass ich nicht verwenden
ngOnInit wird nicht aufgerufen, wenn die Injectable-Klasse instanziiert ist
3 Antworten
Warum nicht ngOnInit() aufgerufen, wenn eine Injectable Klasse gelöst ist? Code import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit()
Wie gebe ich einen Wert von einer EventEmitter-Funktion zurück?
4 Antworten
Habe ich diese Funktion in meinem core Komponente: isValid(value: any) { //Do some stuff and return something based on the result return false; } Welche ich zum other-component wie diese: <other-component (onBeforeAdding)="isValid($event)"></other-component> Und in other-component ich habe