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.

4
"Typ 'EventEmitter' ist nicht generisch" FEHLER im Winkel
Ich verfolge derzeit ein Tutorial und das Tutorial nutzt EventEmitter. Der Code geht so @Output() ratingClicked: EventEmitter<string> = new EventEmitter<string>(); Aber der visuelle Studio-Code gibt mir folgende Fehler: Der Typ 'EventEmitter' ist nicht generisch. Erwartete Argumente vom Typ 0, aber 1. Selbst auf der eckigen Website sieht es so aus, …
15
Angular Material Das Kernthema Angular Material konnte nicht gefunden werden
In meinem Angular2-Projekt installiere ich das neueste Material-Plugin von https://material.angular.io/guide/getting-started . Als nächstes füge ich @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';meiner CSS-Datei für meine Komponente hinzu. Aber in meiner Konsole zeigt Angular diesen Fehler: material.es5.js: 148 Angular Material-Kernthema konnte nicht gefunden werden. Die meisten Materialkomponenten funktionieren möglicherweise nicht wie erwartet. Weitere Informationen finden Sie …
78 angular  themes 
4
Verwenden von D3.js mit Angular 2
Ich habe Angular 2 (Alpha 44) erfolgreich in D3.js integriert: <html> <head> <title>Angular 2 QuickStart</title> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../node_modules/angular2/bundles/angular2.dev.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> <script> System.config({packages: {'app': {defaultExtension: 'js'}}}); System.import('app/app'); </script> </head> <body> <my-app>Loading...</my-app> </body> </html> app.js: /// <reference path="./../../typings/tsd.d.ts" /> import {Component, bootstrap, ElementRef} from 'angular2/angular2'; @Component({ selector: 'my-app', template: '<h1>D3.js …
78 angular  d3.js 
5
Konzentrieren Sie sich auf das neu hinzugefügte Eingabeelement
Ich habe eine neue Angular 2-App mit einer Liste von inputBoxen. Wenn der Benutzer die Eingabetaste drückt, füge ich inputunmittelbar nach dem Feld, das er gerade bearbeitet , ein neues Feld hinzu. Oder besser gesagt, ich füge (asynchron) dem Array im Modell einen neuen Eintrag hinzu, wodurch Angular 2 inputin …
78 angular 
3
Warum ist Colspan in Angular 2 kein bekanntes natives Attribut?
Wenn wir Code wie diesen versuchen: <td [colspan]="1 + 1">Column</td> oder dieses: <td colspan="{{1 + 1}}">Column</td> Wir stellen bald fest, dass " colspankein bekanntes natives Attribut ist". Aus den A2-Dokumenten erfahren wir Folgendes: Das Element hat keine Colspan-Eigenschaft. Es hat das Attribut "colspan", aber Interpolation und Eigenschaftsbindung können nur Eigenschaften …
5
Wie binde ich eine statische Variable der Komponente in HTML in Winkel 2?
Ich möchte eine statische Variable einer Komponente in einer HTML-Seite verwenden. Wie binde ich eine statische Variable der Komponente mit einem HTML-Element in Winkel 2? import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs/Rx'; @Component({ moduleId: module.id, selector: 'url', templateUrl: 'url.component.html', styleUrls: ['url.component.css'] }) export class …
9
Angular2-Router behalten die Abfragezeichenfolge bei
Ich habe eine Angular2 (v2.0.1) -Anwendung geschrieben, die den Router verwendet. Die Website wird mit mehreren Abfragezeichenfolgenparametern geladen, sodass die vollständige URL zunächst folgendermaßen aussieht: https://my.application.com/?param1=val1&param2=val2&param3=val3 In meiner Routenkonfiguration habe ich einen Eintrag, der eine leere Route umleitet: const appRoutes: Routes = [ { path: '', redirectTo: '/comp1', pathMatch: 'full' …
3
Was ist der Unterschied zwischen ngOnInit und ngAfterViewInit von Angular2?
Ich kann nicht verstehen, was der Unterschied zwischen ngOnInitund ist ngAfterViewInit. Ich fand den einzigen Unterschied zwischen ihnen ist @ViewChild. Nach dem folgenden Code sind die elementRef.nativeElementin ihnen gleich. Welche Szene sollen wir verwenden ngAfterViewInit? @Component({ selector: 'my-child-view', template: ` <div id="my-child-view-id">{{hero}}</div> ` }) export class ChildViewComponent { @Input() hero: …
78 angular  ngoninit 
12
Automatischer Import von Visual Studio-Code
Ich bin gerade dabei, von Webstorm zu Visual Studio Code zu wechseln. Die Leistung in Webstorm ist miserabel. Visual Studio-Code ist nicht sehr hilfreich, um die benötigten Abhängigkeiten zu finden und zu importieren. Ich habe es bisher manuell gemacht, aber um ehrlich zu sein, würde ich lieber 15 Sekunden warten, …
6
eckig 2 sortieren und filtern
In Angularjs 1 können Sie folgendermaßen sortieren und filtern: <ul ng-repeat="friend in friends | filter:query | orderBy: 'name' "> <li>{{friend.name}}</li> </ul> Aber ich konnte in Angularjs 2.0 keine Beispiele dafür finden. Meine Frage ist, wie man in Angularjs 2.0 sortiert und filtert. Wenn es immer noch nicht unterstützt wird, weiß …
11
Wählen Sie basierend auf der Aufzählung in Angular2
Ich habe diese Aufzählung (ich verwende TypeScript ): export enum CountryCodeEnum { France = 1, Belgium = 2 } Ich möchte in meinem Formular eine Auswahl erstellen , wobei für jede Option der Enum-Integer-Wert als Wert und der Enum-Text als Beschriftung wie folgt verwendet werden: <select> <option value="1">France</option> <option value="2">Belgium</option> …
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.