Pytania otagowane jako angular

Niedawno obejrzałem samouczek na temat Angulara 2 z TypeScript, ale nie jestem pewien, kiedy użyć interfejsu, a kiedy modelu do przechowywania struktur danych. Przykład interfejsu: export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } Przykład modelu: export class Product { constructor( public ProductNumber: number, public ProductName: string, public …

197 angular  typescript 

Chcę dynamicznie utworzyć szablon. Powinno to zostać wykorzystane do zbudowania ComponentTypeśrodowiska wykonawczego i umieszczenia go (a nawet zastąpienia) gdzieś w komponencie hostingowym. Do czasu używania RC4 ComponentResolver, ale wraz z RC5 pojawia się następujący komunikat: ComponentResolver is deprecated for dynamic compilation. Use ComponentFactoryResolver together with @NgModule/@Component.entryComponents or ANALYZE_FOR_ENTRY_COMPONENTS provider instead. …

197 angular  typescript  compilation  angular2-compiler 

Dlaczego nie jest ngOnInit()wywoływany, gdy Injectableklasa jest rozstrzygana? Kod import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit() { window.console.log('FROM ngOnInit()'); } } Wyjście konsoli FROM constructor()

197 javascript  angular  typescript 

Jak testujesz funkcję prywatną w Angular 2? class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){ return this._status; } } Rozwiązanie, które znalazłem Umieść sam kod testowy wewnątrz zamknięcia lub Dodaj kod …

196 angular  unit-testing  typescript  jasmine 

Właśnie zaktualizowałem wersję Angular 2 beta16 do wersji beta17 , co z kolei wymaga rxjs 5.0.0-beta.6. ( Dziennik zmian tutaj: https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28 ) W wersji beta16 wszystko działało dobrze, jeśli chodzi o funkcjonalność Observable / map. Następujące błędy pojawiły się po aktualizacji i występują podczas próby transpozycji maszynopisu: Właściwość „mapa” nie …

195 typescript  angular  rxjs 

Otrzymuję błąd i nie mogę znaleźć przyczyny. Oto błąd: EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ …

195 routing  angular 

Jak wdrażasz aplikacje Angular, gdy osiągną fazę produkcyjną? Wszystkie przewodniki, które do tej pory widziałem (nawet na angular.io ) liczą na serwer lite do udostępniania i przeglądarkę Browser Sync, aby odzwierciedlały zmiany - ale kiedy skończysz programowanie, jak możesz opublikować aplikację? Czy importuję wszystkie skompilowane .jspliki na index.htmlstronie, czy minimalizuję …

194 typescript  angular  production  systemjs 

Mam problem z Observable.offunkcją importowania w moim projekcie. Mój Intellij widzi wszystko. W moim kodzie mam: import {Observable} from 'rxjs/Observable'; i w moim kodzie używam go w ten sposób: return Observable.of(res); Jakieś pomysły?

192 angular  rxjs 

Jestem początkującym w Angular, chcę wiedzieć, jak utworzyć część do przesyłania plików Angular 5 , próbuję znaleźć tutorial lub dokument, ale nigdzie nie widzę. Masz na to jakiś pomysł? Próbowałem plików ng4, ale to nie działa w Angular 5

192 angular  typescript 

Usiłuję uruchomić serwer deweloperów z TypeScript i aplikacją Angular bez transpilowania plików ts za każdym razem. Przekonałem się, że mogę to zrobić, ts-nodeale chcę także oglądać .tspliki i ponownie ładować aplikację / serwer, tak jak robiłbym to z oglądaniem gulp.

192 typescript  angular  gulp  development-environment  nodemon 

...na przykład... <div class="month" *ngFor="#item of myCollection; #i = index"> ... </div> Można zrobić coś takiego jak ... <div class="month" *ngFor="#item of 10; #i = index"> ... </div> ... bez odwołania do nie eleganckich rozwiązań takich jak: <div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy', 'dummy','dummy','dummy']; #i = index"> ... </div> ?

191 angular 

W moich wędrówkach po całym świecie, a teraz zwłaszcza w dokumentach w stylu angular.io , znajduję wiele odniesień do @HostBindingi @HostListener. Wydaje się, że są one dość fundamentalne, ale niestety dokumentacja do nich w tej chwili jest trochę szkicowa. Czy ktoś może wyjaśnić, czym one są, jak działają i podać …

191 angular  angular-services 

Używam wersji Angular 2.0.0-alpha.30. Po przekierowaniu na inną trasę odśwież stronę przeglądarki, wyświetlając komunikat Nie można uzyskać / trasy. Czy możesz mi pomóc w ustaleniu przyczyny tego błędu.

190 angular  angular2-routing 

Nie wiem, jak dodać do komponentu atrybut klasy<component></component> dynamicznej, ale wewnątrz szablonu html (component.html). Jedynym rozwiązaniem, jakie znalazłem, jest modyfikacja elementu za pomocą rodzimego elementu „ElementRef”. To rozwiązanie wydaje się trochę skomplikowane, aby zrobić coś, co powinno być bardzo proste. Innym problemem jest to, że CSS musi zostać zdefiniowany poza …

190 angular  angular2-template 

Pracuję nad formularzem logowania i jeśli użytkownik wprowadzi nieprawidłowe dane logowania, chcemy oznaczyć pola adresu e-mail i hasła jako nieprawidłowe i wyświetlić komunikat z informacją, że logowanie się nie powiodło. Jak przejść do ustawiania tych pól jako nieważne na podstawie możliwego do zaobserwowania wywołania zwrotnego? Szablon: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> …

190 validation  angular  angular2-forms