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.
angle2 rc.5 benutzerdefinierte Eingabe, kein Wert Accessor für Formularsteuerung mit nicht angegebenem Namen
3 Antworten
Habe ich einfache benutzerdefinierte input-Komponente wie diese, import {Component, Provider, forwardRef} from "@angular/core"; import {ControlValueAccessor, NG_VALUE_ACCESSOR} from "@angular/forms"; const noop = () => {}; const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CustomInputComponent), multi: true
Angular 2 Form Validierung, MinLength Validator funktioniert nicht
2 Antworten
Habe ich folgende Winkel 2 form: <register> <form [ngFormModel] = "registrationForm"> <div class = "form-group"> <label class = "control-label" for="email">Email</label> <input class = "form-control" type="email" id="email" ngControl="email" #email="ngForm"> </div> <div *ngIf = "email.touched && email.errors"> <div *ngIf
Angular 2: Daten an Routen weitergeben?
3 Antworten
Arbeite ich auf dieser angular2 Projekt, in dem ich bin mit ROUTER_DIRECTIVES zu navigieren von einer Komponente zur anderen. Es sind 2 Komponenten. also PagesComponent & DesignerComponent. Möchte ich die Navigation aus PagesComponent zu DesignerComponent. Bisher seine
Angular2-Ausnahme: Kann nicht an 'routerLink' gebunden werden, da dies keine bekannte native Eigenschaft ist
11 Antworten
Offensichtlich die beta für Angular2 ist neuer als neu, so dass es nicht viel Informationen gibt, aber ich versuche zu tun, was ich denke, ist ziemlich basic-routing. Hacking über mit der quick-start-code und andere Schnipsel aus der
Wie kann man eine Entprellzeit zu einem asynchronen Validator in Winkel 2 hinzufügen?
5 Antworten
Dies ist mein Async-Validator es nicht eine debounce-Zeit, wie kann ich es hinzufügen? static emailExist(_signupService:SignupService) { return (control:Control) => { return new Promise((resolve, reject) => { _signupService.checkEmail(control.value) .subscribe( data => { if (data.response.available == true) { resolve(null);
Angular2 - SEO - wie man die Metabeschreibung manipuliert
4 Antworten
Suchergebnissen in google angezeigt werden, über TitleTag und die <meta name="description"..."/> Tag. Die <title>-Tag ist editiable über Angular2 so ändern Sie-Seite Titel in angular2 router Was übrig bleibt, ist die Beschreibung. Ist es moeglich zu schreiben, die
Wie fügt man "class" zum Host-Element hinzu?
2 Antworten
Ich nicht wissen, wie meine Komponente <component></component> eine dynamische Klasse Attribut, sondern innerhalb der template-html - (component.html). Die einzige Lösung, die ich gefunden ist, ändern Sie das Element über "ElementRef" native element. Die Lösung scheint ein wenig
Base 64 codiert und dekodiert eine Zeichenfolge in eckigen (2+)
3 Antworten
, Wie zum codieren oder decodieren einer Zeichenfolge in eckigen 2 mit base64 ??? Meine front-end-tool ist Eckig 2. Ich hatte ein Passwort-Zeichenfolge vor der übergabe an API-ich muss base64-Kodieren. Da im service base64-kodierter string wird dekodiert
Angular4 Anwendung läuft Probleme in IE11
3 Antworten
Baue ich ein Angular4 Projekt mit Winkel-CLI (1.1.2). Es läuft perfekt im Chrome (Version 59.0.3071.115) und firefox(54.0.1), aber als ich versuchte mit IE11 (Version 11.0.9600.18738) nichts zeigt, und wenn ich öffnen Sie die develper-Modus im IE zeigt
Angular2 - Fehler, wenn nicht überprüft wird, ob {{object.field}} existiert
1 Antworten
Ich habe eine Frage zu prüfen, ob irgendein Feld im Objekt vorhanden. Will ich drucken alle Kategorien, die der Benutzer hat, so bin ich etwas wie dieses: <ul *ngIf="user.categories.length > 0" *ngFor="#category of user.categories"> <li> {{category.name}} </li>
Angular2 date pipe funktioniert nicht in IE 11 und Rand 13/14
8 Antworten
Ich bin mit Angular 2.0 final, und ich habe ein Falsches format von Datumsangaben, wenn ich Stunden und Minuten im format-string: In der Vorlage der Komponente, die ich habe: <th id="lastexecution">{{dto.LastExecution | date:'yyyy-MM-dd HH:mm:ss'}}</th> Den Ausgang Datum
Angular2 - Http POST-Anforderungsparameter
8 Antworten
Ich versuche, eine POST-Anforderung, aber ich kann nicht es funktioniert: testRequest() { var body = 'username=myusername?password=mypassword'; var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http .post('/api', body, { headers: headers }) .subscribe(data => { alert('ok'); }, error =>
Angular2 - Router Outlet ist kein bekanntes Element
4 Antworten
Ich erstellte Routen mit tief Kind Pfade. Ich fügte <router-outlet> zu den AdminComponent Komponente, die ich eingewickelt in NgModule. Aber nach dem aktualisieren der Seite bekam ich diese Fehlermeldung: 'router-outlet' is not a known element Vielleicht geschah
Angular 2: Überprüfen Sie, ob der Browser des Benutzers kompatibel ist
2 Antworten
Schreibe ich eine Eckige 2-app, aber bin mir bewusst, dass einige Benutzer möglicherweise nicht über einen browser mit Unterstützung für Angular 2. Ich habe einen Scheck für Sie, ob Javascript aktiviert ist, ich bin mehr daran interessiert,
Fehler: Modul 'webpack / lib / node / NodeTemplatePlugin' konnte nicht gefunden werden
3 Antworten
Habe diesen Fehler nach dem ausführen webpack. Webpack installiert ist Global, und ich bin mit Knoten PS D:\Projects\ng2-admin-master> ng serve Cannot find module 'webpack/lib/node/NodeTemplatePlugin' Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require
Angular2 zu REST WebApi CORS Problem
6 Antworten
Ich bin mit einem angular2 front-end-und WebApi-backend. Die webapi ist CORS aktiviert var cors = new EnableCorsAttribute("*", "*", "*"); GlobalConfiguration.Configuration.EnableCors(cors); und es funktioniert, weil ich verschiedene Websites (jQuery/Javascript), die diese api verwenden. Aber mit angular2 es nicht.
Angular 2 Tastaturereignisse
1 Antworten
Versuchen, zu überwachen, Tastatur-Ereignisse mit Winkel-2 mit Typoskript und Was ist Angular2 Möglichkeit zu schaffen, Globale Tastaturkürzel (shortcuts ein.k.ein. hotkeys)? war hilfreich, aber tslint (codelyzer) Objekte mit der Meldung In der "@ - Komponente" Klasse decorator du
Fehler beim Versuch, '[object Object]' zu differentieren
3 Antworten
Könnte jeder Reiseführer? Ich bin immer Fehler, kann nicht herausfinden, warum?? Sieht aus wie etwas falsch mit Fracht-variable im html - Fehler in app/freightList.Komponente.html:13:8 Fehler beim Versuch zu diff '[object]' Unten ist der code, den freight.service.ts =======================
Setzen Sie Form auf Pristine, ohne Daten zu löschen
5 Antworten
Ich habe ein Formular, das zeigt eine Liste der <input type="text"> Elemente. Sie alle teilen eine gemeinsame Schaltfläche speichern ist deaktiviert, bis das Formular schmutzig wird. Dann, wenn der Benutzer auf die Schaltfläche speichern, werden die Daten
Property 'toPromise' existiert nicht für den Typ 'Observable & lt; Response & gt;'
5 Antworten
import { Headers, Http } from '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise<Publisher>{ return this.http.get(this.publishersUrl) .toPromise() .then(response => response.json().data) .catch(this.handleError); } } Bin ich immer diese Fehlermeldung: Eigenschaft
Wo ist die Datei angular-cli.json in der neuen @ angular / cli-Version?
3 Antworten
Ich bin neu in angular2 und ich habe versucht, erstellen Sie ein Projekt mit cli, aber wenn ich versuche zu ändern, die css, indem es in eckig-cli.json habe ich festgestellt, dass diese Datei nicht erstellt... Kann ich
So finden Sie die Anzahl der Elemente in einem ngFor, nachdem die Pipes angewendet wurden
7 Antworten
Ich habe eine ngFor erstellen von Zeilen in eine Tabelle, die beiden, gefilterten und ausgelagert. <tr *ngFor="#d of data.results | filter:filterText | pagination:resultsPerPage:currentPage"> Es ist ein weiteres element auf der Seite, die zeigt die Anzahl der Datensätze
Wie man Formularvalidierungsmuster in angular2 hinzufügt
5 Antworten
Sagen, wenn ich eine einfache form, die Anforderungen zu validieren, der Anfang und das Ende der Eingabe ist nicht Raum. In html5, werde ich dies tun: <input type="text" pattern="^(?!\s|.*\s$).*$"> Was ist die richtige Eigenschaft für die Validierung
Iterieren über Typescript Map
8 Antworten
Ich versuche zu Durchlaufen Typoskript Karte, aber ich bekomme Fehler und ich konnte keine Lösung für solch ein triviales problem. Mein code ist: myMap : Map<string, boolean>; for(let key of myMap.keys()) { console.log(key); } Und ich bekomme
Angular2 nested ngFor
4 Antworten
Ich tun müssen, um ein äquivalent in Angular2: <?php foreach ($somethings as $something) { foreach ($something->children as $child) { echo '<tr>...</tr>'; } } Kann dies erreicht werden mit ngFor und nicht das hinzufügen von neuen Elementen zwischen
Angular2 Tabellenzeilen als Komponente
4 Antworten
Ich bin das Experimentieren mit angular2 2.0.0-beta.0 Ich habe eine Tabelle und der Inhalt der Zeile wird erzeugt, indem angular2 diese Weise: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> Nun das funktioniert und ich
Wie übermittele ich in Angular 2 einen Eingabetyp = "Text" -Wert beim Drücken der Eingabetaste?
4 Antworten
Baue ich ein Suchfeld in meine Eckige 2-app senden möchten, die Wert auf schlagen Sie "Enter" (nicht das Formular eine Schaltfläche). Vorlage <input type="text" id="search" class="form-control search-input" name="search" placeholder="Search..." [(ngModel)]="query" (ngSubmit)="this.onSubmit(query)"> Mit einem einfachen "onSubmit" - Funktion
Wie man Bild in Ionen 2 einfügt
9 Antworten
Ich bin neu auf Ionischen 2 und ich versuche, ein Bild einzufügen, aber ich nicht erkennen, den echten Pfad. in der Datei app/pages/getting-started/getting-started.html <ion-content padding class="getting-started"> <ion-card> <ion-card-content> <img src="img1.png" alt=""> <img src="img/img1.png" alt=""> <img src="../img/img1.png" alt="">
Angular 2 UI-Komponenten - welche Bibliothek?
3 Antworten
Ich versuche zu finden, einige nützliche UI-Komponenten arbeiten mit Winkel-2. Ich bin wirklich neu auf Winkel-2 (und noch nie gearbeitet, mit eckig 1 eh). Mir wurde gesagt, dass Prime-NG ist wahrscheinlich eine sehr gute ist und es
Wie Parameter, die vom Backend gerendert werden, an die angular2-Bootstrap-Methode übergeben werden
4 Antworten
Gibt es eine Möglichkeit, Argumente übergeben, die die Darstellung auf das backend zu angular2 bootstrap-Methode? Ich möchte set http-header für alle Anfragen, die mit BaseRequestOptions mit dem Wert aus dem backend. Meine main.ts - Datei sieht wie
ASP.NET 5 + Angular 2 Routing (Vorlagenseite wird nicht geladen)
11 Antworten
Winkel 2 beta nutzt html5-routing standardmäßig. Allerdings, wenn Sie gehen, um eine Komponente und die route ändert (z.B. http://localhost:5000/aboutus) und Sie neu laden/aktualisieren der Seite, wird nichts geladen. Das Problem angesprochen wurde in diesem post auch. Die
"Uncaught ReferenceError: require ist nicht definiert" mit Angular 2 / webpack
3 Antworten
Arbeite ich in einem HTML-template von einem Grafik-design-Firma in meine Eckige 2-Projekt mithilfe von Knoten-und webpack. Den HTML-zieht sich in verschiedenen Skripte wie dieses: <script src="js/jquery.icheck.min.js"></script> <script src="js/waypoints.min.js"></script> so, ich bin dass Sie in meiner Komponente.ts: var
Angular2: Array in Observable konvertieren
3 Antworten
Ich habe eine Komponente, die bekommt die Daten von einem Dienst via http, das problem ist, dass ich nicht wollen, Sie zu schlagen, die API-backend-jedes mal, wenn ich zeigen dieser Komponente. Ich will meinen Dienst, um zu
Was ist Angular 4 und woher kann ich mehr darüber lernen?
7 Antworten
Kürzlich erzählte mir jemand über Winkel 4, was ist es? Wie unterscheidet es sich von Winkel 2? Ich Lerne Winkel-2. Ich habe versucht, zu finden auf der offiziellen website von Winkel 4, aber ich habe nicht das
Angular2 canActivate () ruft eine asynchrone Funktion auf
4 Antworten
Ich versuche, mit Angular2 router Wachen, um den Zugriff auf einige Seiten in meinem app. Ich bin mit FB-Authentifizierung. Um zu überprüfen, ob ein Benutzer angemeldet ist mit der FB, habe ich zu nennen .subscribe() auf die
Wie sende ich "Cookie" im Anfrage-Header für alle Anfragen in Angular2?
1 Antworten
Tatsächlich , unsere backend-Authentifizierung der Anfrage mit Cookie in den request-header. Ich weiß, es wird sich weigern, wenn ich einen header "Cookie". Also , gibt es eine Möglichkeit, ein Cookie zu setzen, um die back-end ? InformationsquelleAutor
Wie erzwinge ich eine Aktualisierung in Observable in Angular2?
3 Antworten
In ngOnInit meine Komponente erhält eine Liste von Benutzern, die wie so: this.userService.getUsers().subscribe(users => { this.users = users; }); Sowie die Umsetzung der userService.getUsers() sieht wie folgt aus: getUsers() : Observable<UserModel> { return this.http.get('http://localhost:3000/api/user') .map((res: Response) =>
Angular2 Wenn ngModel innerhalb eines Formular-Tags verwendet wird, muss entweder das name-Attribut oder das Formular festgelegt werden
9 Antworten
Ich bin immer diese Fehler vom Winkel 2 core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 caused by: If ngModel is used within a form tag, either the name attribute must be set or the form
Angular 2 reaktive Formen: Array von Checkbox-Werten
6 Antworten
Gegeben, eine Liste von Checkboxen an das gleiche formControlName, wie kann ich produzieren eine Reihe von Kontrollkästchen, Werte gebunden, auf die formControl, anstatt einfach true/false? Beispiel: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2"
Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"?
5 Antworten
Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"? Sind Sie miteinander verwandt? Oder sind Sie einfach Auger-Implementierungen? Hat jemand mit Ihnen gearbeitet, und beide geben kann/erklären vor-und Nachteile der beiden? Mit "ng-bootstrap" ich meine https://ng-bootstrap.github.io/#/home und mit
Was sind Unterschiede zwischen SystemJS und Webpack?
4 Antworten
Ich bin momentan dabei, meine erste Eckige Anwendung, und ich würde herausfinden, was ist die Rolle der Modul-Lader. Warum wir Sie brauchen? Ich habe versucht, zu suchen und die Suche auf Google, und ich kann nicht verstehen,
Angular2 Routerlink: Hinzufügen von Abfrageparametern
2 Antworten
Wie kann ich eine Abfrage hinzufügen von Parametern zu routerLink? @RouteConfig { {path: '/search', name: 'Search', component: SearchCmp} } Let' sagen, ich will Weg zu /search?q=asdf, <a [routerLink]= " [ '/Search' , {q= 'asdf'}] ">Link 1</a> dies
eckig 2 - Hinzufügen von Drittanbieter-Bibliotheken
8 Antworten
Ich versuche zu starten, mit Winkel-2 cli. Ich will momentjs in meinem Projekt so, hier ist was ich getan habe: 1. erstellt Projekt mit Winkel-cli. 2. führen Sie npm install --save moment 3. von src-Ordner ausführen typings
Angular2 korrekte Art und Weise, Texteingabewerte einzuschränken (z. B. nur Zahlen)
13 Antworten
Ist es möglich zu implementieren, die einen Eingang, der es erlaubt, zu geben Sie nur zahlen ohne manuelle Handhabung von event.target.value? In Reagieren es ist möglich, zu definieren value - Eigenschaft und danach die Eingabe-Wechsel grundsätzlich verpflichtet,
angular2 testing: Kann nicht an 'ngModel' binden, da es keine bekannte Eigenschaft von 'input' ist
1 Antworten
Ich versuche zu testen angular2 zwei-Wege Bindung für die Kontrolle input. Hier ist der Fehler: Can't bind to 'ngModel' since it isn't a known property of 'input'. Den app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> App.Komponente.ts
(ändern) vs (ngModelChange) in eckigen
1 Antworten
(change) vs (ngModelChange) Veranstaltungen, Welche ist am besten zu verwenden? und warum? Winkel-1 nicht akzeptieren, wird das onchange-Ereignis, sondern nimmt nur die ng-change Veranstaltung. Winkel-2 nimmt beide Ereignisse (change) und (ngModelChange). Im Winkel 2, beide Ereignisse sind
Observable.of ist keine Funktion
12 Antworten
Ich habe ein Problem mit dem Import Observable.of Funktion in mein Projekt. Meine Intellij sieht alles. In meinem code habe ich: import {Observable} from 'rxjs/Observable'; und in meinem code verwende ich es so: return Observable.of(res); Irgendwelche Ideen?
Wie kann ich unter "Auswahl" in Angular 2 eine neue Auswahl treffen?
8 Antworten
Ich bin mit Winkel-2 (Typoskript). Ich möchte etwas tun für die neue Auswahl, aber was ich bekam, in onChange() ist immer die Letzte Auswahl. Wie bekomme ich neue Auswahl? <select [(ngModel)]="selectedDevice" (change)="onChange($event)"> <option *ngFor="#i of devices">{{i}}</option> </select>
Attribut-Direktive mit ngModel zum Ändern des Feldwertes
3 Antworten
Ich ändern wollen (Kraft) Eingabefeld Werte während der Eingabe mithilfe eines Attribut-Richtlinie. Mit ihm würde ich gerne erstellen Richtlinien, wie Großbuchstaben, Kleinbuchstaben, maxlength, filterchar, etc. auf input-Felder in Formularen. Ich fand dieses Beispiel: Eckige 2-Attribut-Richtlinie Typoskript Beispiel
Einfacher Filter auf Array von RXJS Observable
4 Antworten
Ich bin gerade dabei mein Projekt mit Angular2 und die Entwickler scheinen empfehlen RXJS Beobachtbaren statt Versprechungen. Habe ich erreicht, zum abrufen einer Liste von Elementen (Epen) vom server. Aber wie kann ich das filtern des elments