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.

10
Angular @ ViewChild () -Fehler: 2 Argumente erwartet, aber 1
Beim Versuch mit ViewChild wird der Fehler angezeigt. Fehler ist "Ein Argument für 'opts' wurde nicht angegeben." Beide @ViewChild geben den Fehler aus. import { Component, OnInit, ElementRef, ViewChild, Output, EventEmitter } from '@angular/core'; import { Ingredient } from 'src/app/shared/ingredient.model'; @Component({ selector: 'app-shopping-edit', templateUrl: './shopping-edit.component.html', styleUrls: ['./shopping-edit.component.css'] }) export class …



19
Angular 2 @ ViewChild-Annotation gibt undefiniert zurück
Ich versuche Angular 2 zu lernen. Ich möchte mit der @ ViewChild- Annotation von einer übergeordneten Komponente aus auf eine untergeordnete Komponente zugreifen . Hier einige Codezeilen: In BodyContent.ts habe ich: import {ViewChild, Component, Injectable} from 'angular2/core'; import {FilterTiles} from '../Components/FilterTiles/FilterTiles'; @Component({ selector: 'ico-body-content' , templateUrl: 'App/Pages/Filters/BodyContent/BodyContent.html' , directives: [FilterTiles] …


15
Wie bekomme ich Abfrageparameter von der URL in Angular 2?
Ich benutze angle2.0.0-beta.7. Wenn eine Komponente in einen Pfad geladen wird, zu dem /path?query=value1sie umgeleitet wird /path. Warum wurden die GET-Parameter entfernt? Wie kann ich die Parameter beibehalten? Ich habe einen Fehler in den Routern. Wenn ich eine Hauptroute habe wie @RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent } …

30
So fügen Sie einem Angular-Cli-Projekt Bootstrap hinzu
Wir möchten Bootstrap 4 (4.0.0-alpha.2) in unserer App verwenden, die mit angle-cli 1.0.0-beta.5 (mit Node v6.1.0) generiert wurde. Nachdem wir Bootstrap und seine Abhängigkeiten mit npm erhalten hatten, bestand unser erster Ansatz darin, sie hinzuzufügen in angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', und importieren sie in unsere index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> …

10
Angular2-Materialdialog hat Probleme - Haben Sie ihn zu @ NgModule.entryComponents hinzugefügt?
Ich versuche, den Dokumenten unter https://material.angular.io/components/component/dialog zu folgen , kann aber nicht verstehen, warum das folgende Problem vorliegt. Ich habe Folgendes zu meiner Komponente hinzugefügt: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } In meinem Modul habe ich hinzugefügt import { HomeComponent,DialogResultExampleDialog } …

15
Ereignis zur Größenänderung des Winkelfensters
Ich möchte einige Aufgaben basierend auf dem Ereignis zur Größenänderung des Fensters ausführen (beim Laden und dynamisch). Derzeit habe ich mein DOM wie folgt: <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> Das Ereignis wird korrekt ausgelöst export class AppComponent { onResize(event) { console.log(event); } } Wie rufe ich …

8
Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"?
Was ist der Unterschied zwischen "ng-bootstrap" und "ngx-bootstrap"? Sind sie miteinander verwandt? Oder handelt es sich einfach um gleichzeitige Implementierungen? Hat jemand mit beiden zusammengearbeitet und kann Vor- und Nachteile von beiden erklären? Mit "ng-bootstrap" meine ich https://ng-bootstrap.github.io/#/home und mit "ngx-bootstrap" meine ich http://valor-software.com/ngx-bootstrap/ . Beide bezogen sich auf Angular …

23
Wie verwende ich die Bibliothek moment.js in der Angular 2 Typoskript-App?
Ich habe versucht, es mit Typoskript-Bindungen zu verwenden: npm install moment --save typings install moment --ambient -- save test.ts: import {moment} from 'moment/moment'; Und ohne: npm install moment --save test.ts: var moment = require('moment/moment'); Aber wenn ich moment.format () aufrufe, erhalte ich eine Fehlermeldung. Sollte einfach sein, kann jemand eine …


6
tslint / codelyzer / ng fusselfehler: "for (… in…) Anweisungen müssen mit einer if-Anweisung gefiltert werden"
Flusenfehlermeldung: src / app / detail / edit / edit.component.ts [111, 5]: for (... in ...) Anweisungen müssen mit einer if-Anweisung gefiltert werden Code-Snippet (Es handelt sich um einen Arbeitscode . Er ist auch im Abschnitt zur Überprüfung des Formulars angle.io verfügbar. ): for (const field in this.formErrors) { // …

2
Wie kann ich Datenattribute mit Angular schreiben?
Wenn ich versuche, ein data attributein meinem zu verwenden template, so: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 stürzt ab mit: AUSNAHME: Fehler beim Analysieren von Vorlagen: Kann nicht an 'sectionvalue' gebunden werden, da es sich nicht um eine bekannte native …


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.