Pytania otagowane jako angular

Podczas próby ViewChild pojawia się błąd. Błąd brzmi: „Nie podano argumentu„ opts ”.” Zarówno @ViewChild podaje błąd. 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 ShoppingEditComponent implements OnInit { @ViewChild('nameInput') nameInputRef: …

249 angular  typescript 

Próbuję pokazać znacznik wyboru, jeśli odpowiedź jest odpowiedzią zaakceptowaną: template: `<div ngIf="answer.accepted">✔</div>` Ale pojawia się ten błąd: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Co ja robię źle?

247 angular  angular2-template 

Usiłuję zaimplementować coś w rodzaju wzoru delegowania w Angular. Gdy użytkownik kliknie „a” nav-item, chciałbym wywołać funkcję, która następnie emituje zdarzenie, które z kolei powinno być obsługiwane przez inny komponent nasłuchujący zdarzenia. Oto scenariusz: Mam Navigationkomponent: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other properties left out for brevity …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Próbuję nauczyć się Angular 2. Chciałbym uzyskać dostęp do komponentu podrzędnego z komponentu nadrzędnego za pomocą adnotacji @ViewChild . Oto kilka wierszy kodu: W BodyContent.ts mam: 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] }) export class BodyContent { …

242 typescript  angular 

Jaki jest najprostszy sposób na zatrzymanie propagacji zdarzeń myszy w Angular 2? Czy powinienem przekazać $eventprzedmiot specjalny i zadzwonić, stopPropagation()czy jest jakiś inny sposób. Na przykład w Meteorze mogę po prostu wrócić falsez modułu obsługi zdarzeń.

238 angular  dom-events  event-propagation 

Używam angular2.0.0-beta.7. Gdy składnik jest ładowany na ścieżkę, tak jak /path?query=value1jest przekierowywany /path. Dlaczego usunięto parametry GET? Jak mogę zachować parametry? Mam błąd w routerach. Jeśli mam główną trasę jak @RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent } ]) i moja droga dziecka jak @RouteConfig([ { path: '/', component: …

237 typescript  angular 

Chcemy używać bootstrap 4 (4.0.0-alpha.2) w naszej aplikacji wygenerowanej z angular-cli 1.0.0-beta.5 (w / node v6.1.0). Po uzyskaniu bootstrapu i jego zależności z npm, nasze pierwsze podejście polegało na dodaniu ich do angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', i importuj je do naszego index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> …

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

Próbuję postępować zgodnie z dokumentami na https://material.angular.io/components/component/dialog, ale nie rozumiem, dlaczego występuje poniższy problem? Dodałem poniżej do mojego komponentu: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } W moim module dodałem import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, …

232 angular  angular-material 

Chciałbym wykonać niektóre zadania na podstawie zdarzenia zmiany rozmiaru okna (przy obciążeniu i dynamicznie). Obecnie mam swój DOM w następujący sposób: <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> Zdarzenie poprawnie się uruchamia export class AppComponent { onResize(event) { console.log(event); } } Jak pobrać szerokość i wysokość z tego …

232 javascript  angular 

Jaka jest różnica między „ng-bootstrap” a „ngx-bootstrap”? Czy są ze sobą spokrewnieni? A może są to po prostu jednoczesne wdrożenia? Czy ktoś z nimi pracował i może podać / wyjaśnić zalety i wady obu? Przez „ng-bootstrap” mam na myśli https://ng-bootstrap.github.io/#/home i z „ngx-bootstrap” Mam na myśli http://valor-software.com/ngx-bootstrap/ . Oba dotyczyły …

231 angular  ng-bootstrap  ngx-bootstrap 

Próbowałem użyć go z powiązaniami maszynopisu: npm install moment --save typings install moment --ambient -- save test.ts: import {moment} from 'moment/moment'; I bez: npm install moment --save test.ts: var moment = require('moment/moment'); Ale kiedy wywołuję moment.format (), pojawia się błąd. Czy powinno być proste, czy ktoś może podać kombinację wiersza …

231 typescript  angular 

Którego użyć, aby zbudować próbną usługę internetową do testowania aplikacji Angular 4?

229 angular  angular-httpclient  angular2-http 

Kiedy próbuję użyć data attributew moim template, jak poniżej: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 ulega awarii z: WYJĄTEK: Błędy analizy szablonu: Nie można powiązać z wartością „sectionvalue”, ponieważ nie jest to znana właściwość natywna („ ] data-sectionvalue = "{{section.value}}"> …

229 angular  angular2-template 

Komunikat o błędzie: src / app / detail / edit / edit.component.ts [111, 5]: instrukcje (... w ...) muszą być filtrowane za pomocą instrukcji if Fragment kodu (jest to działający kod. Jest również dostępny w sekcji sprawdzania poprawności formularza angular.io ): for (const field in this.formErrors) { // clear previous …

229 angular  angular2-forms  angular-cli  tslint 

Próbowałem użyć „ng zniszczyć składnik foo” i mówi mi: „Polecenie zniszczenia nie jest obsługiwane przez Angular-CLI” Jak właściwie usuwamy komponenty za pomocą Angular CLI?

227 angular  angular-cli