[Angular] Hoe kan ik een property van een subobject accessen

[ThaStealth]

Ik denk een eenvoudige vraag, maar ik weet de goede zoektermen niet;
Neem de volgende code:

JavaScript:

class Setting{
  public name: string;
  public value: number; 
}

class Product{
  public name: string;
  public setting: Setting
}

product: Product;

HTML:

<div>
{{product["name"]}} //werkt
{{product.setting.value}} //werkt
{{product["setting.value"]}} //werkt niet
</div>

Hoe heet de manier van het accessen van de properties met blokhaken?
Hoe kan ik de property van het subobject op laatste manier bereiken?

[Klaasvaak]

De engelse termen zijn dot- en bracket notation.

code:

product["setting"].value
product.setting["value"]
product["setting"]["value"]

[ThaStealth]

Klaasvaak schreef op donderdag 12 september 2019 @ 10:33:
De engelse termen zijn dot- en bracket notation.

code:

product["setting"].value
product.setting["value"]
product["setting"]["value"]

Er is geen manier om het binnen 1 blokhaak te doen?

[Klaasvaak]

Nee, per blokhaak kan je 1 object / property dieper.

[ThaStealth]

Okay, misschien moet ik mijn probleem wat verduidelijken, had gehoopt dat ik op een of andere manier toch dieper met in de properties kon komen.

Het is bedoeld dat dit de basis vormt voor een tabelweergave, dus 1 array bevat elementen die de kolomnamen en databinding veldnaam geeft. Een tweede array bevat de dataelementen met de verschillende subproperties.

Ik wil elke rij dus vullen met de properties als volgt:

HTML:

<tr>
 <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
</tr>

Dit werkt dus niet als ik subproperties heb, hoe kan ik op deze manier toch de subproperties tonen?

[SPee]

Ik zou daar dan een hulp methode voor maken die dan de waarde ophaalt.
Je geeft dan de waardes en de gewenste property mee en in die methode haal je dan de gewenste waarde op.

Of je breidt die column field uit met een extractor die dat per column doet.

[Guillome]

Inderdaad met een functie zoals:

JavaScript:

function getProp(prop, obj) {
    const splitted = prop.split(".");
    if (splitted.length > 1) {
        const prop = splitted[0];
        return this.getProp(splitted.removeAt(0).join("."), obj[prop]);
    }
    return obj[prop];
}

Even snel een idee