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.

2
Was ist let- * in Angular 2-Vorlagen?
Ich bin auf eine seltsame Zuweisungssyntax in einer Angular 2-Vorlage gestoßen. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Es scheint, dass let-colund let-car="rowData"erstellen Sie zwei neue Variablen colund cardas kann dann innerhalb der Vorlage gebunden werden. Quelle: https://www.primefaces.org/primeng/#/datatable/templating Wie heißt diese magische let-*Syntax? Wie funktioniert es? Was ist der Unterschied …
2
WARNUNG in Budgets, Maximum für Initiale überschritten
Wenn ich mein Angular 7-Projekt mit --prod erstelle, habe ich eine Warnung in den Budgets. Ich habe ein eckiges 7-Projekt, ich möchte es bauen, aber ich habe eine Warnung: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB Dies sind Chunk-Details: chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js …
6
So achten Sie in Angular auf Formänderungen
In Angular könnte ich eine Form haben, die so aussieht: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> Innerhalb des entsprechenden Controllers konnte ich leicht nach Änderungen am Inhalt dieses Formulars suchen: function($scope) { $scope.model = {}; $scope.$watch('model', () => { // Model has updated }, …
151 angular 
3
Was ist der Unterschied zwischen Klammern, Klammern und Sternchen in Angular2?
Ich habe die Kurzreferenz zu Angular 1 bis 2 auf der Angular-Website gelesen , und eine Sache, die ich nicht vollständig verstanden habe, war der Unterschied zwischen diesen Sonderzeichen. Zum Beispiel eine, die Sternchen verwendet: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Ich verstehe hier, dass das Hash-Symbol (#) movieals lokale …
151 angular 
15
Wie lade ich externe Skripte dynamisch in Angular?
Ich habe dieses Modul, das die externe Bibliothek zusammen mit zusätzlicher Logik <script>komponiert, ohne das Tag direkt in die index.html einzufügen: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Ich stelle fest, dass die importvon ES6-Spezifikation statisch ist und während des …
4
<ng-container> vs <template>
ng-container wird in der Angular 2-Dokumentation erwähnt, es gibt jedoch keine Erklärung, wie es funktioniert und welche Anwendungsfälle es gibt. Es wird insbesondere in ngPluralund ngSwitchRichtlinien erwähnt. Tut &lt;ng-container&gt;das Gleiche wie &lt;template&gt;oder hängt es davon ab, ob eine Richtlinie geschrieben wurde, um eine davon zu verwenden? Sind &lt;ng-container *ngPluralCase="'=0'"&gt;there is …
14
'Die synthetische Eigenschaft @panelState gefunden. Bitte fügen Sie Ihrer Anwendung entweder "BrowserAnimationsModule" oder "NoopAnimationsModule" hinzu. '
Ich habe ein Angular 4-Projekt mit Angular-Seed aktualisiert und erhalte jetzt den Fehler Gefunden die synthetische Eigenschaft @panelState. Bitte fügen Sie Ihrer Anwendung entweder "BrowserAnimationsModule" oder "NoopAnimationsModule" hinzu. Wie kann ich das beheben? Was genau sagt mir die Fehlermeldung?
5
Gibt es eine Alternative für ng-deaktiviert in angle2?
Ich benutze angle2 für die Entwicklung und habe mich gefragt, ob es eine Alternative für gibt ng-disabled Angular2 gibt. Zum Beispiel. Der folgende Code ist in angleJS: &lt;button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib &gt;&gt; {{libraries.name}}"&gt; &lt;i class="fa fa-chevron-right fa-fw"&gt;&lt;/i&gt; &lt;/button&gt; Ich wollte nur wissen, wie ich diese …
8
Angular 4 HttpClient-Abfrageparameter
Ich habe nach einer Möglichkeit gesucht, Abfrageparameter an einen API-Aufruf mit den neuen zu übergeben HttpClientModule, HttpClientund habe noch keine Lösung gefunden. Mit dem alten HttpModul würden Sie so etwas schreiben. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params …
11
Winkeltests fehlgeschlagen mit Fehler beim Ausführen von 'send' bei 'XMLHttpRequest'
Ich versuche meine eckige 4.1.0-Komponente zu testen - export class CellComponent implements OnInit { lines: Observable&lt;Array&lt;ILine&gt;&gt;; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store&lt;AppStore&gt;) { } } Ein einfacher "sollte erstellen" -Test löst jedoch diesen kryptischen …
4
Angular4 - Kein Wertzugriff für die Formularsteuerung
Ich habe ein benutzerdefiniertes Element: &lt;div formControlName="surveyType"&gt; &lt;div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"&gt; &lt;md-icon&gt;{{ type.icon }}&lt;/md-icon&gt; &lt;span&gt;{{ type.description }}&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; Wenn ich versuche, den formControlName hinzuzufügen, wird eine Fehlermeldung angezeigt: FEHLER Fehler: Kein Wertzugriff für die Formularsteuerung mit dem Namen: 'queryType' Ich habe versucht, ngDefaultControlohne Erfolg …
10
Wie kann ich die App-Version in Angular anzeigen?
Wie zeige ich die App-Version in einer Winkelanwendung an? Die Version sollte aus der package.jsonDatei entnommen werden { "name": "angular-app", "version": "0.0.1", ... } In Angular 1.x habe ich dieses HTML: &lt;p&gt;&lt;%=version %&gt;&lt;/p&gt; Im Winkel wird dies nicht als Versionsnummer gerendert, sondern nur so gedruckt, wie es ist ( &lt;%=version …
6
Importieren einer JSON-Datei in TypeScript
Ich habe eine JSONDatei, die wie folgt aussieht: { "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkest": "#007F6E", "tertiaryMain": "#FA555A", "tertiaryDarker": "#F93C42", "tertiaryDarkest": "#F9232A", "darkGrey": "#333333", "lightGrey": "#777777" } Ich versuche es in eine .tsxDatei zu importieren . Dazu habe ich dies der …
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.