Tag: angular5
Fragen über Eckige version 5, das web-framework von Google. Verwenden Sie dieses tag für Eckige Fragen, die speziell nur für version 5. Verwenden Sie tag-Winkel für beliebige Winkel-Fragen, die nicht nur für eine bestimmte version.
4
Antworten
Ich bin sehr neu, um eine Winkel -, eine app zu Entwickeln, die in Winkel-5 . Ich bin versucht, post-Daten an eine API , unten ist mein code .Net-Core-Web-API - [Produces("application/json")] [Route("api/Audit")] public class AuditController : Controller
1
Antworten
mein Produkt-Objekt enthält ein array ist bereit, im client-Seite wie diese: public product =>> require: [{ id: 397, product_id: 51, item: "asdasdd" },{ id: 398, product_id: 51, item: "bbbbbb" }] für bestehende Daten Bearbeiten porpose ich möchte
1
Antworten
Habe ich diese FormGroup defaultIdNumberValidator = [Validators.required, Validators.minLength(6), Validators.maxLength(11)]; this.registerForm = this.formBuilder.group({ permissions: this.formBuilder.group({ country: ['', [Validators.required]], identityNumber: [null, this.defaultIdNumberValidator], }, {validator: [this.validateId]}) }); und ich möchte zu löschen und hinzufügen von Prüfungen auf identityNumber abhängig von
3
Antworten
Ich bin mit Winkel-5 und ich bin immer in der Konsole error: Nicht binden 'ngValue' da ist es nicht eine bekannte Eigenschaft von "mat-option' Mein template sieht wie folgt aus: <mat-select placeholder="Select Book" name="patient" [(ngModel)]="selectedBook"> <mat-option *ngFor="let
6
Antworten
Müssen wissen, wenn Sie mehrere Steuerelemente in einem Formular, und Sie wollen wissen, um die Kontrolle durch die Nutzer geändert, so dass Sie einige Aktionen durchführen. <input formControlName="item_name" #itemName (input)="inputChanged(itemName)"> , Warum ich brauche, um formControlName? als
3
Antworten
Bin ich ein wenig unsicher über einige Winkel 5 Aspekte. Ich habe entwickelt eine app und wissen nicht, wie es mit der Produktion. Derzeit habe ich ein app mit ng serve im NodeJS , aber ist es
4
Antworten
Ich versuche zu tun, ist genau das gleiche wie in diesem Beitrag: Winkel 4 bekommen queryString Ich bin mit Eckigen 5.2.5. ActivatedRoute scheint die Sache zu sein, zu verwenden, um querystring Werte aus der URL, wenn der
1
Antworten
Habe ich eine einfache form wie folgt: some.component.html <form class="example-form" novalidate (ngSubmit)="onSubmit()" autocomplete="off" [formGroup]="testform"> <input type="text" formControlName="name" class="form-control" placeholder="Enter name" required/> <app-show-errors [control]="claimform.controls.name"></app-show-errors> <button type="submit" (click)="onSubmit()">Next</button> </form> einige.Komponente.ts ngOnInit() { this.testform= new FormGroup({ name: new FormControl('', {
2
Antworten
Wie die call-Methode von einer Komponente zu einer anderen, wenn Sie keine Eltern-Kind-Beziehung? Ich habe 2 Geschwister-Komponenten und-wie unten: header.ts private postValues() { this._PartService.PostDataValues(this.search) .subscribe(result => { }) } Teil.ts this._PartService.getMasterData() .subscribe(result => { }) In diesem
2
Antworten
Im Internet fand ich zum Beispiel, wie das teilen von Daten mit einem Dienst: import { Injectable } from '@angular/core'; import {Subject} from 'rxjs/Subject'; import {Observable} from 'rxjs/Observable'; @Injectable() export class DataService { private subject = new
3
Antworten
Unten ist mein Typoskript-code für den download-Datei Vom API - DownloadLM() { var ID= sessionStorage.getItem("UserID"); return this.http.get(this.baseurl + 'api/DownloadFiles/DownloadLM/' + ID, { headers: { 'Content-Type': 'application/json' }, responseType: 'arraybuffer' } ) .subscribe(respData => { this.downLoad(respData, this.type); },
2
Antworten
Habe ich den folgenden html-code <mat-tab label="Regular" (selectChange)="tabClick()" (click)="tabClick()"> <h1>Some more tab content</h1> </mat-tab> - und dies ist die Funktion, tabClick(){ console.log('Tab clicked...'); } aber es scheint nicht aufgerufen zu werden, warum? Nicht eines der oben genannten
2
Antworten
Ich bin mit Ubuntu 18 und wollen zu Beginn der Winkel-5 Projekt und deshalb habe ich installiert, Node, npm, Typoskript und schließlich die die aktuelle stabile Eckige CLI-von unten Befehl, sudo npm install -g @angular/cli So, es
1
Antworten
Erstellte ich eine eckige interceptor zu überprüfen, meine auth-Token' Gültigkeit. irgendwie ist das do Methode ist nicht anerkannt eckig. subscribe funktioniert, ich möchte aber nicht, dass die Lösung, wie es verdoppelt meine Anfragen an den server gesendet
3
Antworten
Ich möchte meine enum als string, aber es zeigt sich als eine Nummer. Ich erhalte ein json-Objekt aus einem web service und das mapping zu meiner Typoskript Objekt getProperties(): Observable<Property> { return this.http.get<Property>(this.getallagentsproperties + '1'); } export
1
Antworten
Im Winkel 2/4 konnten wir erstellen Sie benutzerdefinierte Dekorateur für die Erweiterung der übergeordneten Komponente. Tatsächliche überschreiben des decorator-Eigenschaften behandelt wurde, wie erforderlich, in der benutzerdefinierte Dekorateur. Um übergeordnete Anmerkungen verwendet: let parentAnnotations = Reflect.getMetadata('annotations', parentTarget); Nach
2
Antworten
Kämpfen mit den wenigen verfügbaren Winkel 5 Typoskript Dokumentation über die neuen Möglichkeiten zur Implementierung der CRUD-Methoden unter Verwendung von Beobachtbaren mit HttpClient, ich kam mit dem nächsten code, aber immer noch nicht das anzeigen von Daten
4
Antworten
Ich versuche, Dateien zu speichern, zusammen mit FormData in Winkel-5. Ich kann die einzelne Datei, aber haben keine Ahnung, wie man alle Dateien hochgeladen. Ich habe drei Bild-Dateien und input-Felder, die versucht, auf der Suche Beispiele. Aber
3
Antworten
Ich habe eine mat-input und im default ist es deaktiviert, um text. Wie Sie festlegen, deaktiviert aktiviert, wenn ich drauf klicke? Und danach will ich ändern, um wieder deaktiviert, wenn es verliert den Fokus oder ich drücke
5
Antworten
Verwende ich eckige 5 und ng-bootstrap in diesen Versionen: "private": true, "dependencies": { "@angular/animations": "^5.2.0", "@angular/common": "^5.2.0", "@angular/compiler": "^5.2.0", "@angular/core": "^5.2.0", "@angular/forms": "^5.2.0", "@angular/http": "^5.2.0", "@angular/platform-browser": "^5.2.0", "@angular/platform-browser-dynamic": "^5.2.0", "@angular/router": "^5.2.0", "@ng-bootstrap/ng-bootstrap": "^2.1.0", "angular-in-memory-web-api": "^0.5.4", "angular2-moment": "^1.9.0",
1
Antworten
Wenn die Felder in meinem FormGroup sind Modell-gebunden, ala [(ngModel)], und werden aufgefüllt auf die Seite laden, z.B. weil ein service, mein Submit-Button, der ist bewacht wie [disabled]="biodataForm.status !== 'VALID'" nicht deaktiviert werden. Wenn das Formular kommt
3
Antworten
Habe ich ein Formular für den Upload einer Datei in einem Winkelbereich 5-app, und als ich es kopiert habe genau aus einem code, den ich geschrieben hatte, eine Weile her, aber ich kann schwören, es hatte vorher
2
Antworten
Ich bin mit Winkel-5. Möchte ich wissen, wie kann ich starten Sie timing, wenn eine 'play' - Taste betätigt wird, um zu wissen, wie viel Zeit vergangen ist, seit ich geklickt. Ich würde auch gerne wissen, ob
2
Antworten
Ich bin mit diesem datetime-picker :- https://www.npmjs.com/package/angular2-datetimepicker Offizielle Dokument link :- https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker. Nun, ich habe erfolgreich umzusetzen. Es ist perfekt zu arbeiten, aber auch Zeit-picker wird nicht angezeigt. Laut dem Dokument habe ich timepicker:false sowie timepicker:true. Komponente.ts-Datei.
3
Antworten
Ich erhalte immer folgenden Fehler beim ausführen von unit-tests Error: StaticInjectorError(DynamicTestModule)[ApiService -> HttpClient]: StaticInjectorError(Platform: core)[ApiService -> HttpClient]: NullInjectorError: No provider for HttpClient! api.service.ts import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Injectable() export
4
Antworten
Ich kann nicht Spritzen MatDialogRef wie beschrieben in der Dokumentation: https://material.angular.io/components/dialog/overview Wenn ich versuche, es zu tun i ' V got error: Fehler FEHLER: StaticInjectorError[MatDialogRef]: StaticInjectorError[MatDialogRef]: NullInjectorError: Kein Anbieter für MatDialogRef! app.- Modul.ts JS: import { NgModule
3
Antworten
Wollte ich empfangen von HTML-Daten per service-Aufruf zum server(dies ist für Sie sicher. Ich kann nicht halten Sie Vorlagen in den lokalen) und Bearbeiten Sie intern auf, wie es zu zeigen(entweder als ein -, modal-oder ganze Seite).
4
Antworten
Ich arbeitete mit Formular-generator im Winkel 2/4, Aber jetzt bin ich mit es in eckige 6. Ich habe gesehen, diese Frage ( Kann nicht binden 'formGroup' da ist es nicht eine bekannte Eigenschaft "der form" ), aber
3
Antworten
sind reaktive Formen dem Weg zu gehen, um eine Komponente, die hören können, die für änderungen in der Gültigkeitsstatus der form, die es enthält, und führen Sie einige compoment Methoden? Es ist leicht zu deaktivieren Sie die
5
Antworten
Habe ich eine Eckige 4-Anwendung, die ich bin, das Upgrade auf Winkel 5. Ich erhalte die folgende Fehlermeldung. FEHLER in src/app/Anwendung/services//erzeugt Variablen.ts(1,10): Fehler TS2305: Modul '"..../node_modules/@eckig/core/core"' hat nicht exportiert Mitglied "OpaqueToken'. Code-snippet : import { OpaqueToken }
3
Antworten
So, ich habe versucht, die Lösung dieses Problems. Aber irgendwie bin ich nicht in der Lage, dies zu tun, Kann sein, weil der Mangel an wissen in Winkel-5. Das ist mein service: GetCurrentUserData(): Observable<ResponseData> { return this.http.get<ResponseData>(ApplicationURLS.GetCurrentUserInformation)
3
Antworten
ngAfterViewInit(){ Observable.interval(3000).timeInterval().subscribe()=>{}; } Versuch zum aufrufen des Beobachtbaren.Intervall () - Methode wirft einen compiler-Fehler "Intervall-Eigenschaft existiert nicht in der Art beobachten". Bearbeiten import { Observable } from 'rxjs/Observable'; Beachten Sie, dass die import-Anweisung ist bereits im Lieferumfang
4
Antworten
Lese ich ein paar Artikel zu diesem Thema, aber Sie scheinen zu widersprüchlichen verschiedene Möglichkeiten. Ich bin der Hoffnung, zu re-erstellen des gleichen Themas schalten wie die Winkel-material-Dokumentation Seite für die neueste version von kantigem material [5.0.0-rc0]
7
Antworten
Ich bin neu in Winkel-5 Projekt. Ich lief ng build --prod zu generieren dist/ Ordner. Bemerkte ich, es dauert eine lange Zeit zu bauen, und wenn ich öffnete meine dist/ Ordner, die ich sah, hat es fast
4
Antworten
Ich zu binden, müssen Sie ein click-Ereignis auf einen Anker in mein template: Mein html sieht so aus: <a (click)="deleteUser(user)"> <i class="la la-trash"></i> </a> user ist eine variable aus einer früheren *ngFor="let user of users" Den deleteUser()
4
Antworten
Ich versuche, die Anzeige der ng4-loading-spinner spinner für HTTP-Aufrufe an meiner API. Ich basiert mein code auf die Beispiele in den folgenden links: https://angular.io/guide/http#intercepting-all-requests-or-responses Angular4: Mit HttpClient - interceptor-setup ein spinner Mein Winkel-5 app hat mehrere mehrere
1
Antworten
Ich bin ein Anfänger im Winkel 5, und ich bin mit dem folgenden problem in meinem Projekt: ich habe ein modales der immer auf den Körper (ausgeblendet, wenn nicht aktiv), und ich bin der Erzeugung der modal-Inhalte
3
Antworten
Ich würde gerne überprüfen mehrere input-Felder, die durch die Summe Ihrer Werte und erstellen Sie eine benutzerdefinierte Validator-für Eckige. Jeder Eingabe sieht wie folgt aus: <input type="number" min="0" max="10"> Gibt es mehrere Eingänge und jeder kann einen
2
Antworten
Gibt es eine option zum ändern der Sortierung asc/desc in der orderBy-Rohr? Array: this.testArr = [{name: 'bbb', id: '1'}, {name: 'ccc', id: '2'}, {name: 'aaa', id: '0'}]; In HTML: <ul><li *ngFor="let item of testArr | orderBy: 'id'
4
Antworten
Ich bin nicht in der Lage, um die benutzerdefinierte Antwort-header in interceptor, wenn ich die Konsole loggen. Konsole protokolliert die interceptor httpResponse "Console log response" HttpResponse { Header: HttpHeaders, status: 200, statusText: "OK", "ok": true, ... }
4
Antworten
Begann ich eine Eckige 4 Material Projekt vor etwa zwei Monaten mit allen aktuellen npm installiert in dieser Zeit und bin mit den meisten Komponenten von material.eckig.io. seitdem Eckige 5.0.0 hat ausgerollt. Ich baute durch das Projekt
1
Antworten
Ich habe 2 radio-buttons, ich bin mit der reaktiven Formen und ich habe die Formular-Steuerelemente innerhalb meiner Komponente. Das Problem, das ich bin vor ist, dass das name-Attribut muss gleich sein wie die formControlName. Wenn ich die
5
Antworten
Ich bin mit PrimeNG in meinem angular5 app. Ich habe Problem mit p-dropdown - Frage Habe ich p-dropdown für das zeigen Länder. Ich Binde die Optionen wählen, die richtig es, es funktioniert gut (diese Daten kommen aus
2
Antworten
ich erstellt grid-Liste mit den Spalten 6 und ich will grid-Titel nehmen 100% der Breite auf kleinen screen-Geräten. Jetzt schafft es 6 Spalte auf kleinen Bildschirmen als auch Erwartet: Eine grid-Titel nimmt 100% der Platz auf dem
2
Antworten
Ich habe ein dropdown-material in meinem ngForm, wenn ich diese wählen Sie wie erforderlich es zeigt ein Sternchen * neben der es aber die form ist gesehen als gültig an, wenn ich nicht wählen Sie eine option
2
Antworten
Dies ist mein erstes mal auf Eckig mit Typoskript. Ich habe wirklich hart versucht, diese zu erstellen modal-Richtlinie, inspiriert von ngMorph. Diese funktionieren wie erwartet, aber ich habe über eine sehr komisches Problem. Wenn ich auf die
2
Antworten
Ich derzeit verbringen Sie einen Tag in dieser Ausgabe,die noch Fehler beim herunterladen einer Datei von einer url in eckigen 5 leadGenSubmit() { return this.http.get('http://kmmc.in/wp-content/uploads/2014/01/lesson2.pdf', {responseType:ResponseContentType.Blob}).subscribe((data)=>{ console.log(data); var blob = new Blob([data], {type: 'application/pdf'}); console.log(blob); saveAs(blob, "testData.pdf");
3
Antworten
Ich bin mit Winkel material-datepicker-Richtlinie, und ich habe einige Probleme. 1. Wenn ich öffnen, Datumsauswahl-dialog und wählen Sie ein beliebiges Datum, Datum zeigt, bis zu dem in der input-text-Feld, aber ich möchte eine Funktion aufrufen, wenn jemals
1
Antworten
Ich versuche, eine Eckige 5 Anwendung mit der standard - ng build --prod Befehl, und ich möchte, um die basic-API-Url in der environment.prod.ts auf einen Wert abhängig von meiner process.env Variablen. Dies ist meine Datei: export const
2
Antworten
Habe ich diese import-Anweisung in eine Angular5 Projekt: import {plugins, SCECodeGenType} from 'sce-plugins/code-generation'; dadurch wird dieser Pfad auf meinem Dateisystem: /Users/.../suman-chrome-extension/node_modules/sce-plugins/code-generation/index.d.ts Beim erstellen der app mit ng build -w, bekomme ich diesen Fehler: ERROR in ../sce-plugins/code-generation/index.ts Module