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.

Ist es notwendig, zum abbestellen von observablen erstellt von Http-Methoden?

Anzahl der Antworten 8 Antworten
Müssen Sie die Abmeldung aus Winkel-2 http-Aufrufe zu verhindern, Speicherverlust? fetchFilm(index) { var sub = this._http.get(`http://example.com`) .map(result => result.json()) .map(json => { dispatch(this.receiveFilm(json)); }) .subscribe(e=>sub.unsubscribe()); ... Mögliche Duplikate von Verhindern von Speicherlecks im Winkel 2? Siehe stackoverflow.com/questions/34461842/...

Wie Sie auf Formular-Validierung Muster in Eckig 2?

Anzahl der Antworten 6 Antworten
Habe ich eine einfache form, die Bedürfnisse zu überprüfen, wenn 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

Gewusst wie: Debuggen von Angular2 in Chrom

Anzahl der Antworten 4 Antworten
Alle: Ich bin ziemlich neu Angular2, ich finde es ist noch schwieriger als Angular1 zum Debuggen in Chrome( das ist nur mein Gefühl, wenn ich Folgen Sie der Anleitung auf Angular2 offiziellen Website, wenn es Fehler im

Winkelmesser, Spott backend mit angular2 auf api-Anforderung

Anzahl der Antworten 5 Antworten
Ich könnte etwas Hilfe verwenden, um eine Lösung zu finden für mein problem. Ich müssen zu verspotten einige Daten zu meinem angular2 Anwendung, wenn es eine Anforderung an eine api, ich muss etwas tun wie: $httpBackend.when('GET', '/userbookings/').respond(my

Winkel-2 template-tags sagen-Objekt ist nicht definiert

Anzahl der Antworten 1 Antworten
Umgang mit fremden-Problem in Winkel-2. Wenn man sich in der Komponente unten, gibt der Dienst ein analysiertes Objekt – zum Beispiel kann ich console.log es. Sie können finden Sie in der Ausgabe eingefügt werden, als ein Kommentar.

Warum template-lokale Variablen sind nicht verwendbar in templates bei der Verwendung von *ngIf?

Anzahl der Antworten 1 Antworten
Teil 1: "#test" ist nicht definiert, wenn mit *ngIf Beim verweisen auf einen Eingang, der versteckt werden kann/"zerstört" (weil die *ngIf verwendet wird, und einige der Elemente zerstört werden), wird die lokale variable erstellt, indem der hashtag

wie Sie trigger-Ereignis klicken Sie auf der input-Datei aus-Taste, klicken Sie auf im Winkel 2?

Anzahl der Antworten 4 Antworten
HTML: <input type="file" accept="image/*"> <button>Upload file</button> Wie trigger-Ereignis klicken Sie auf der input type=file von der Schaltfläche click-Ereignis im Winkel 2? InformationsquelleAutor amol | 2016-05-19

"Erklärung oder Anweisung erwartet" Fehler in Angular2 (oder TypeScript)

Anzahl der Antworten 2 Antworten
Ich komplett neu bin Angular2 und Typoskript. Ich bin folgendem Tutorial, aber ich halte Bewältigung dieser Fehler. Ist es ein Fehler, verursacht durch den compiler oder so etwas? InformationsquelleAutor Chu Son | 2015-05-13

Überprüfen Sie, ob der angemeldete Benutzer jede Seite ändern, im Winkel 2

Anzahl der Antworten 4 Antworten
Langsam aber sicher voran mit Angular2. Und nun Stand ich vor der folgenden Herausforderung. Ich möchte überprüfen, ob der Benutzer eingeloggt ist oder nicht auf jeder Seite ändern (in anderen Worten, die auf Last der jede und

Angular2 Richtlinie: zu erkennen, Wie-DOM-änderungen

Anzahl der Antworten 1 Antworten
Ich umsetzen will, Skrollr als Angular2 Attribut-Richtlinie. So, das format kann: <body my-skrollr> </body> Jedoch, um dies umzusetzen, ich muss in der Lage sein, um änderungen zu erkennen, im DOM child-Elemente unter dem mit-tag (in diesem Fall

AngularJS vs. Eckig

Anzahl der Antworten 7 Antworten
Monaten, beschloss ich zu studieren, Eckig. Wenn ich ein wenig Voraus, und erstellen Sie eine app mit es, ich erkennen, dass Winkel-2 ist in der Developer preview, es ist also eine Frage der Zeit, bevor es freigegeben

So aktualisieren Sie die Ansicht nach einer änderung das Modell in Eckig?

Anzahl der Antworten 4 Antworten
Wie kann ich Eckige propagieren der änderungen habe ich am Modell. In AngularJS das wäre ja wirklich zu einfach, aber ich kann nicht scheinen, um es zu bekommen arbeiten in Eckig. Ich kenne den gesamten change-detection-system und

Richtige Art und Weise zu beschränken-text-Eingabe von Werten (z.B. nur zahlen)

Anzahl der Antworten 14 Antworten
Ist es möglich, implementieren eine input erlaubt, 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, den Wert (nicht möglich es

kompilieren weniger-Datei mit angular2 cli

Anzahl der Antworten 3 Antworten
Habe ich folgende Einstellungen innerhalb eckig-cli-bauen Angular2App(defaults,{ lessCompiler: { includePaths: [ 'src/app' ], } }) Ich'have zwei test-weniger-Dateien in src Verzeichnis. test1.weniger //some code test2.weniger @import "test1.less"; wenn ich ng build das Projekt wirft es einen Fehler

Ionischen 2: AUSNAHME: Kein Anbieter für NavController

Anzahl der Antworten 7 Antworten
ich habe ein problem mit meinem ionic 2/Winkel 2 app. Hab ich eine app.ts, wo das Loch "auth" - Teil ist vorgegeben. Der code sieht so aus: import {Nav, Platform, Modal, ionicBootstrap} from "ionic-angular"; import {NavController} from

erstellen Sie dynamische anchorName/Komponenten mit ComponentResolver und ngFor in Angular2

Anzahl der Antworten 2 Antworten
Brauche ich zum erstellen von einzigartigen Anker-Namen/- Komponenten in einem ngFor Schleife, um es mit ComponentResolver.resolveComponent. <div> <table> <tr *ng-for="#vIndex of vArr"> <td *ng-for="#hIndex of hArr"> <div #uniqueanchorname{{vIndex}}_{{hIndex}}></div> </td> </tr> </table> </div> den resultierenden html-Code sieht in

Verweis auf eine Richtlinie in einem Bauteil

Anzahl der Antworten 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 eine ViewChild

Eckige 2-Ereignis, wenn alle [routerLink] geklickt wird

Anzahl der Antworten 3 Antworten
Habe ich eine einfache Loader-Service, verbirgt und zeigt gewisse Lader. Ich arbeite an etwas, das eine Menge, bei langsamen verbindungen, und ich brauche zum ein - /ausblenden ein-loader zwischen route ändert. Kann ich ausblenden, der Lader, wenn

Winkel-2 ich weiß nicht wie das löschen einer Zeile ein Objekt geschoben

Anzahl der Antworten 1 Antworten
Lassen Sie mich zuerst klar sein über mein problem/Frage: Ersten war es so: https://www.dropbox.com/s/92z2oe7f4w5x2b5/conditions.jpg?dl=0 Hier löscht die zuletzt erstellte Objekt, in meinem Fall Bedingungen. aber ich möchte die löschen jede Bedingung separat wie diese finden Sie in

Überprüfen, ob ein Angular2 form gültig ist oder nicht innerhalb der Komponente

Anzahl der Antworten 2 Antworten
Ich versuche zu prüfen, ob ein Formular gültig ist oder nicht, verhindern die weitere Ausführung, wenn es nicht ist. Hier ist mein Fragebogen: <form (ngSubmit)="updateFirstName(firstNameForm)" #firstNameForm="ngForm" novalidate> <div class="form-group" ng-class="getCssClasses(formCtrl, formCtrl.firstName)"> <div class="input-group"> <input type="text" ngControl="firstName" #firstName="ngForm"

Wie zu sprudeln angular2 benutzerdefiniertes Ereignis

Anzahl der Antworten 2 Antworten
Übergeordneten Vorlage: <ul> <tree-item [model]="tree" (addChild)="addChild($event)"></tree-item> </ul> Baum Element Vorlage: <li> <div>{{model.name}} <span [hidden]="!isFolder" (click)="addChild.emit(model)">Add Child</span> </div> <ul *ngFor="let m of model.children"> <tree-item [model]="m"></tree-item> </ul> </li> Für das Beispiel oben, ein Elternteil erhält addChild Ereignis nur aus

Angular2 erfrischenden Blick auf array-push

Anzahl der Antworten 2 Antworten
Ich kann nicht scheinen, um angular2 Ansicht aktualisiert werden, auf ein array.push-Funktion, aufgerufen von einem setInterval asynchronen Betrieb. der code ist aus diesem eckige plunkr Beispiel mit der setInterval-Funktion: Was ich versuche zu tun, ist wie folgt:

Angular2 Dokumentations-Generator

Anzahl der Antworten 2 Antworten
Gibt es einen Dokumentations-generator (kann eine Knoten-Paket) wie in anderen Programmiersprachen (jsdoc /phpdoc /javadoc /..) für typescript-basierten Angular2-Projekte? dgeni github.com/rangle/angular2-dgeni-starter Ja, danke/danke, dass ich jetzt auch diese Samen (github.com/mgechev/angular2-seed) hat npm run build.docs. Aber ich bräuchte eine

Winkel-2 Formular-Validierung, hasError keine Funktion

Anzahl der Antworten 3 Antworten
ich versuche, eine Bestätigung für meine input-Felder. dies ist ein Stück code, den ich verwendet: DepartmentComponent import { FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators , AbstractControl } from 'angular2/common'; @Component({ selector: 'my-departments', providers: [HTTP_PROVIDERS, DepartmentService], directives: [FORM_DIRECTIVES, Alert], styleUrls:

mit wysiwyg-Editor text mit angular2

Anzahl der Antworten 4 Antworten
Ich versuche, wysiwyg in meinem Projekt angular2 wenn ich meinen code in index.html Seite (auf der root Seite, es funktioniert) aber wenn ich versuche, es zu benutzen in einer untergeordneten Ansicht html es nicht die css-oder (und)

Gewusst wie: laden von externen html-Seite in ionic2

Anzahl der Antworten 1 Antworten
Ich bin erstellen einer Ionic2 app. Ich habe eine Komponente, die würde ich gerne zum laden einer externen templateUrl in e.x (http:www.example.com/test-view.html). Wie gehe ich über die Verladung, die html-Code in den Variablen templateUrl in @ -

Eckige 2 - Verwendung Von Shared Service

Anzahl der Antworten 2 Antworten
Sieht aus wie shared services ist die beste Praxis, lösen viele Situationen wie die Kommunikation zwischen Komponenten oder als Ersatz der alten $rootscope Konzept des Winkel-1. Ich versuche zu schaffen, mine, aber es funktioniert nicht. Keine Hilfe

Eckige nicht finden können, templateUrl

Anzahl der Antworten 2 Antworten
Ich versuche, das laden von Html-Dateien mit dem folgenden code in angular js 2. Diese Datei steht unter Produkte-Ordner und die html-Datei, die ich versuche zu laden ist auch im selben Ordner. Dennoch ist es immer noch

Angular2-Tests: Was ist der Unterschied zwischen einem DebugElement und ein NativeElement Objekt in einem ComponentFixture?

Anzahl der Antworten 4 Antworten
Ich bin derzeit die Zusammenstellung von best practices für das testen Eckig 2 apps auf Komponenten-Ebene. Ich habe gesehen, ein paar tutorials Abfrage einer Halterung der NativeElement Objekt für Selektoren und dergleichen, z.B. HTML: it('should render "Hello

Geben Sie \'Beobachtbare<{}>\" ist nicht zuordenbar geben Sie in den Winkel-2

Anzahl der Antworten 1 Antworten
Beobachtbar ist nicht assigend, mein Paket.json-Datei enthält "angular2": "2.0.0-beta.17", "systemjs": "0.19.24", "es6-promise": "^3.0.2", "es6-shim": "^0.35.0", "reflect-metadata": "0.1.2", "rxjs": "5.0.0-beta.6", "zone.js": "0.6.12" Problem geschieht, während mein terminal kompilieren zeigt er mir eine Fehlermeldung Nachricht: '\u001b[31mresources/assets/Typoskript/Dienstleistungen/Benutzer.service.ts(25,5): \u001b[39merror TS2322: Geben

Wie verwenden von Datentabellen in Angular2

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche nach einem Weg, meine Tabelle sortierbar durch Klick auf den Spaltennamen, aber ich kann nicht es herausfinden. Ich habe versucht, verschiedene Möglichkeiten, die ich im internet gefunden wie die Installation angular2-datable (npm

Gewusst wie: hinzufügen von bootstrap 3 zu Angular2 webpack Projekt

Anzahl der Antworten 2 Antworten
Habe ich installiert die npm-Pakete für jquery & bootstrap -, und fügte dann hinzu Importe in vendor.ts, aber ich habe noch nicht alle bootstrap-styling zeigt sich auf dem browser. ... import 'jquery/dist/jquery.js' import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/js/bootstrap.js'; ...

Winkel - RouteParams

Anzahl der Antworten 4 Antworten
Ich bin derzeit am testen der Winkel Alpha 45, escpecially das Routing, und bekam Probleme durch die Implementierung von routing-Parameter. Habe ich eine Komponente für meine detail-Ansicht einer bestimmten Person. @Component({ templateUrl: 'app/components/projekt/projekt.detail.html', directives: [FORM_DIRECTIVES] }) export

Wie stellen Sie form-Modell update auf Unschärfe in den Winkel-2

Anzahl der Antworten 2 Antworten
Gibt es ein äquivalent zu dieser im Winkel 2? ng-model-options="{ updateOn: 'blur' }" Dank InformationsquelleAutor matthewdaniel | 2015-11-27

Gewusst wie: übergeben Sie Parameter in der pop-Methode von ionic2

Anzahl der Antworten 8 Antworten
Ich habe versucht, die übergabe von Parametern bei der push-Methode der ionic2. wie diese this.nav.push(SecondPage, { thing1: data1, thing2: data2 }); aber gibt es eine Möglichkeit, übergeben Sie parameter in der pop(). Gewusst wie: übergeben Sie Parameter

Nicht in der Lage zu fangen die Ereignisse von EventEmitter in Angular2?

Anzahl der Antworten 5 Antworten
Ich geschrieben habe, ein basic-Winkel-Anwendung, die nutzt die EventEmitter-Klasse, aber ich kann nicht das hören Komponente zum abfangen des Ereignisses. Hier ist mein code (mit alpha.27 auf Angular2 /Typoskript 1.5 kompilieren zu ES5) Entschuldigt sich für das

Wie um zu zeigen, zwei durchgehende Räume, in Winkel?

Anzahl der Antworten 3 Antworten
UPDATE: Beide Wege von Chris und Mark arbeiten. Ich bin mit Winkel-2. Ich versuche zu zeigen, zwei durchgehende Räume, die zwischen a und bin die Seite. Ich habe versucht, alle von Ihnen, aber keiner von Ihnen arbeitet:

Angular2 Zusammenführen von observablen

Anzahl der Antworten 6 Antworten
Ich habe Probleme dabei mit manchen observablen. Ich kann nicht scheinen, um zwei observablen zu Ort schön zusammen. Sie funktioniert gut auf Ihre eigenen, aber ich müssen beide Werte. db.glass.subscribe( ( glass: GlassData ): void => {

Angular2 : X-XSRF-TOKEN ist nicht erlaubt, Access-Control-Allow-Header

Anzahl der Antworten 4 Antworten
Kämpfe ich mit diesem Problem heute als ich die Umsetzung einer cross-site-API-Aufruf. Das Schlimmste ist, es funktioniert gut aus meinem lokalen Umfeld, aber auch einmal auf heroku, schlägt es fehl mit der folgenden Fehlermeldung: XMLHttpRequest-Objekt kann nicht

Winkel 2 animieren *ngFor Punkt der Liste eine nach der anderen mit neuen Animation, die Unterstützung im RC-5

Anzahl der Antworten 3 Antworten
Ich habe eine Komponente, die holt Liste von Elementen vom server und zeigt dann, dass die Liste mit *ngFor im template. Möchte ich die Liste angezeigt werden mit etwas animation, aber eins nach dem anderen. Ich meine,

Anwenden von CSS-aktiven router link [Eckige 2]

Anzahl der Antworten 3 Antworten
Ich möchte ein spezielles CSS-style-Eigenschaften zu aktiven router-links: HTML: <a [routerLink]='link'>{{name}}</a> Hier ist, was ich versucht habe, so weit (Mit der Standard-router-link-active-Klasse): CSS: .router-link-active { color: #000; font-weight: bold; } Es funktioniert nicht und ich verstehe wirklich

Redirect zu einer neuen Seite in Eckigen 2-Routing

Anzahl der Antworten 3 Antworten
Habe ich ein Szenario sagen Startseite(app.Komponente.ts mit main.html), die weitergeleitet wird, als Standard app.Komponente.ts @RouteConfig([ {path: '/',name : 'Home' , component : HomeComponent , useAsDefault: true }, {path: '/user', name : 'User' , component : UserComponent },

Angular2 Komponenten - Dynamische Inline-Styles

Anzahl der Antworten 2 Antworten
Ich habe eine Komponente, die count und ein color Eigenschaft. Die Komponente angezeigt werden sollen count Anzahl der <div>s mit einer inline-Stil verwendet, seine Farbe zu ändern, um color. Hier ist, was ich habe, so weit: @Component({

Angular2 pass-Attribut auf die Klasse constructor

Anzahl der Antworten 2 Antworten
Wie gebe ich die Attribute von einem übergeordneten Komponente an Ihre untergeordneten Komponenten' Konstruktor der Klasse in Angular 2? Hälfte des mystery herausgefunden, als Attribute übergeben werden können, um die Ansicht ohne problem. /client/app.ts import {Component, View,

Winkel-2 Slide Up und Down Animation

Anzahl der Antworten 3 Antworten
Ich habe vor kurzem gebaut, die folgenden Eckig 2 Mehr Lesen Komponente. Was diese Komponente tut, ist das reduzieren und erweitern Sie lange Textblöcke mit "Lesen Sie mehr" und "Weniger Lesen" - links. Nicht auf der basis

Wie kann ich die Standard-Sortierreihenfolge auf die primeng datatable?

Anzahl der Antworten 1 Antworten
Ich bin mit der prime-ng dataTable-Komponente, um eine Liste der Benutzer anzuzeigen. Ich möchte mit dieser Liste werden anhand der ersten Spalte sortiert absteigend nach Standard und haben die dataTable anzeigen der ersten Spalte sortiert. <p-dataTable [value]="webUserSummaryList"

Angular2 inklusive css-image-Pfad

Anzahl der Antworten 2 Antworten
Als ich zählen Stil in Komponente wie folgt: @Component({ styleUrls: [ "assets/plugins/test/css/style.css" ], encapsulation: ViewEncapsulation.None }) und wenn Stil enthält Verweise auf Bilder, zum Beispiel .sample { background-image: url(../img/bg.jpg); } browser versucht zu finden bg.jpg bei base

Angular2 n - immer invalid argument [object object] ... für Rohr 'AsyncPipe'

Anzahl der Antworten 1 Antworten
Erhalte ich eine Fehler-Anzeige er Ergebnisse meiner service-Aufruf. Die html-Seite hat eine ngFor mit der | async. Ich kann die nennen, die Ergebnisse zu erhalten, aber erhalten Sie eine Fehlermeldung beim Versuch die Seite zu Rendern. Ich

Wie erstellen Sie einen link zu externe URL in Eckige 2

Anzahl der Antworten 1 Antworten
Ich bin neu in Eckig. Ich bin beginnend mit ver. 2. Ich brauche einen link zu einem file://... URL. Ich habe versucht normal href: Hinweis: app ist ein model-Objekt der Bahn, die sich mit Anwendungen. <a target="_blank"

Winkel: Ein Platzhalter '*' kann nicht verwendet werden, in der "Access-Control-Allow-Origin' - header, wenn die credentials-flag true ist

Anzahl der Antworten 1 Antworten
Ich weiß, es gibt eine Menge von Fragen zu CORS schon, aber Sie nicht scheinen, um meine Frage zu beantworten. Also ich habe eine client-Anwendung geschrieben, in Winkel, die verwendet werden zum erstellen einer mobilen app mit