Angular, AWS und Symfony Freelancer

Kategorie: Angular

  • Protractor Konfiguration Headless Chrome und Firefox

    Um Selenium Tests in Firefox und Chrome im Headless Modus auszuführen mit Protractor, kann man folgende Konfiguraton verwenden in der protractor.conf: exports.config = { …. multiCapabilities: [ { browserName: ‚chrome‘, chromeOptions: { ‚args‘: [‚–headless‘] }, }, { browserName: ‚firefox‘, firefoxOptions: { args: [‚–headless‘] }, ‚moz:firefoxOptions‘: { args: [‚–headless‘] } }, ], … };

  • Angular ngx-translate TranslateLoader ohne http Modul

    Um eine Kompatibilität mit alten Browsern, wie dem Firefox Version <= 5 zu erreichen, kann man das angular http Modul nicht verwenden. Das ngx-translate Module bneötigt einen Loader, der die richtige Sprache lädt per Ajax Request. Dies läst sich auch mit dem XMLHttpRequest und einem Observalbe lösen: import {Injectable} from ‚@angular/core‘; import {TranslateLoader} from ‚@ngx-translate/core‘;…

  • Angular 2 HTTP Request nochmals ausführen mit rxjs und retry()

    Bei einem Fehlgeschlagenen Request kann man sehr komfortabel nochmals anfragen mit der Methode retry(): import ‚rxjs/add/operator/retry‘; … const result = this.http.get(url) .retry(2);

  • Angular 5 URL ohne index.html

    Bei einer Angular Anwendung muss man standardmäßig die index.html aufrufen, damit die Anwendung startet auf einem Apache Webserver. Damit dies auch ohne /index.html nur mit der Domain allein (www.foo.de) funktioneirt, muss man folgendes einstellen: 1. Erstellen einer .htaccess Datei in  src/.htaccess mit dem Inhalt: DirectoryIndex index.html 2. Ändern der Base Url in der src/index.html <base…

  • Angular deutsche Lokalisierung konfigurieren

    Um Angular ab Version2  die deutsche Sprache für Fehlermeldugen und auch das Datums-Format zu konfigurieren, muss man in der app.modules.ts folgendes einstellen: … import { LOCALE_ID} from ‚@angular/core‘; import localeDe from ‚@angular/common/locales/de‘; import localeDeExtra from ‚@angular/common/locales/extra/de‘; import { registerLocaleData } from ‚@angular/common‘; registerLocaleData(localeDe, localeDeExtra); @NgModule({ providers: [ { provide: LOCALE_ID, useValue: ‚de‘ }, ] })