export class Assoc {
  [index: string]: string;
}

www.typescriptlang.org/docs/handbook/2/objects.html#index-signatures

Wenn der Ordner „node_modules“ als „excluded“ gekennzeichnet ist, wird bei der Kompilierung nichts aus diesem Ordner gefunden.

Also, rechte Maus auf den Ordner und => Mark Directory as => Cancel Exclusion
Jetzt funktioniert die Kompilierung und auch im Code wird nicht gemeckert, dass was fehlt.

Den Content aus dem Build von Angular in den www-Ordner vom Cordova Build kopieren.

In der index.html des Angular Projekts eine kleine Änderung:

<!-- from -->
<base href="/">
<!-- to -->
<base href="./">

{
    "rules": {
        "variable-name": {
            "options": [
                "ban-keywords",
                "check-format",
                "allow-pascal-case",
                "allow-snake-case"
            ]
        }
    }
}

<input [(ngModel)]="myMap.get(id)">

…aber so:

<input [ngModel]="myMap.get(id)" (ngModelChange)="myMap.set(id, $event)">

Danke an stackoverflow.

quantityUnits: key=uuid; value=was zu Anzeigen)
purchaseOrderListItem: das Objekt welches mit der Form angezeigt/bearbeitet werden soll

<div class="">
  <label for="quantityunit_uuid" class="label-tec">Mengeneinheit</label>
  <select id="quantityunit_uuid" name="quantityunit_uuid" class="w3-select" [(ngModel)]="purchaseOrderListItem.quantityunit_uuid">
    <option *ngFor="let quantityUnit of quantityUnits | keyvalue" [value]="quantityUnit.key">{{quantityUnit.value}}</option>
  </select>
</div>

Ein Input mit i10n:

<div class="">
  <label for="purchase_order_list_price" class="label-tec">Preis</label>
  <input id="purchase_order_list_price" class="w3-input"
         #purchase_order_list_price value="{{purchaseOrderListItem.purchase_order_list_price}}"
         (keyup)="updateValue('purchase_order_list_price', purchase_order_list_price.value)"
         l10nDecimal digits="1.2-2">
</div>

JavaScript:

document.getElementById('my_id').value = 42;

TypeScript (3.7.5):

(document.getElementById('my_id') as HTMLInputElement).value = 42;

Dank auch mal wieder an stackoverflow.

und Seiten Reload gibt immer 404.

Um das zu beheben, in der app.module.ts folgendes:

// app.module.ts
import {HashLocationStrategy, LocationStrategy} from '@angular/common';
@NgModule({
  imports: [
    // ...
  ],
  declarations: [
    // ...
  ],
  providers: [
    {provide: LocationStrategy, useClass: HashLocationStrategy},
    // ...
  ],
  bootstrap: [AppComponent],
  exports: []
})
export class AppModule {
}

…und schon funzt es mit Angular 9.

npm install

machen.

nodejs installieren

github.com/nodesource/distributions

npm Notlösung

1.

npm cache clean --force

2. Ordner node_modules leeren
3.

npm install

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (79)

Abhilfe schafft:

npm rebuild node-sass

…wenn nur eine Version von node-sass installiert ist.

Mit:

npm ls node-sass

sieht man alle Versionen.