Pytania otagowane jako angular

Jak mogę dodać klasę do tagu body bez tworzenia treści jako selektora aplikacji i używania powiązania hosta? Próbowałem użyć Renderera, ale zmienia to całe ciało Klasa wiązania Angular 2.x w tagu body Pracuję nad dużą aplikacją angular2 i zmiana selektora głównego będzie miała wpływ na wiele kodu, będę musiał zmienić …

101 angular 

Jak zadeklarować zmienną odniesienia do szablonu dynamicznego wewnątrz elementu?ngFor Chcę użyć komponentu popover z ng-bootstrap, kod popover (z wiązaniem HTML) jest następujący: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Jak mogę zawinąć te elementy do środka ngFor? <div …

101 angular  ng-bootstrap  angular-template 

Czy można przesłać formularz, który nie ma przycisku przesyłania (naciskając klawisz Enter) przykład: <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form

100 forms  angular  submit 

Używam ReactiveFormsModuleAngular2 do tworzenia komponentu zawierającego formularz. Oto mój kod: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (z [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio checkbox"> <input …

100 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Próbuję stylizować element umieszczony przy wylocie routera na kątowy i chcę się upewnić, że wygenerowany element uzyska szerokość 100% Z większości odpowiedzi wynika, że ​​powinienem użyć ::ng-deepselektora, ale z dokumentów Angulara jest on przestarzały. Czy jest alternatywa dla ::ng-deep?

100 html  css  angular 

Postępowałem zgodnie z samouczkiem . Po zmianie app/maint.tsw rozdziale Http pojawia się błąd podczas uruchamiania aplikacji z linii poleceń: app / main.ts (5,51): błąd TS2307: nie można znaleźć modułu „angular2-in-memory-web-api”. (Visual Studio Code daje mi ten sam błąd w main.ts - czerwone faliste podkreślenie). Oto moje systemjs.config.js: /** * System …

99 angular  import  angular-tour-of-heroes 

Eksperymentuję z angular2 2.0.0-beta.0 Mam tabelę, a zawartość linii jest generowana przez angular2 w ten sposób: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> Teraz to działa i chcę zawrzeć zawartość w komponencie „wiersz tabeli”. <table> <table-line *ngFor="#line of data" [data]="line"> </table-line> </table> W komponencie szablon ma zawartość …

99 angular 

Mam zestaw komponentów angular2, które powinny zostać wstrzyknięte. Moja pierwsza myśl była taka, że ​​najlepiej byłoby stworzyć superklasę i wstrzyknąć tam usługę. Każdy z moich komponentów rozszerzyłby wtedy tę superklasę, ale to podejście nie działa. Uproszczony przykład: export class AbstractComponent { constructor(private myservice: MyService) { // Inject the service I …

99 inheritance  angular  typescript  inject  typescript1.8 

Otrzymuję ten błąd po migracji do NgModule, błąd za bardzo nie pomaga, proszę o jakąś radę? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone …

99 angular 

Stworzyłem usługę SocketService, w zasadzie inicjalizuje gniazdo, aby aplikacja nasłuchiwała na porcie. Ta usługa współdziała również z niektórymi komponentami. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Wiem, że kod w konstruktorze SocketService () zaczyna działać tylko wtedy, gdy składnik używa SocketService. Zwykle …

99 typescript  angular 

Znalazłem przykład, który ogranicza liczbę do 2 miejsc po przecinku ORAZ zamienia tę liczbę na kwotę waluty - np. 2,55 GBP. {{ number | currency : 'GBP' : true : '1.2-2'}} Czy istnieje prosta rura, która robi to samo bez stosowania waluty?

99 angular  pipe  decimal 

Nie jestem w stanie przetłumaczyć tego kodu z Angualr 1 na Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Oto, co zrobiłem zgodnie z odpowiedzią Thierry Templier: Szablon komponentu: *ngFor="#todo of todos | sort" Kod komponentu: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Kod rury: …

98 angular  angular2-template  angular-pipe 

Używam Angular 5 i utworzyłem usługę przy użyciu angular-cli Chcę stworzyć usługę odczytującą lokalny plik JSON dla Angular 5. Oto, co mam ... Trochę utknąłem ... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService { constructor(private http: HttpClientModule) { var obj; this.getJSON().subscribe(data …

98 javascript  json  angular 

Nie wiem, jak wyodrębnić wartość z Observable, aby została zwrócona przez funkcję, w której obecny jest Observable. Potrzebuję tylko wartości z tego, aby została zwrócona, nic więcej. Aktualna wersja, która działa function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() Potrzebuję tego do działania, funkcji do zwracania …

98 typescript  angular  rxjs  rxjs5 

Jestem nowy w Angular. Zacząłem Tour of Heroes, aby się tego nauczyć. Tak więc zostałem stworzony app.componentz two-waywiązaniem. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, …

97 angular