Aurelia wstrzykiwanie HTMLa

Szukalem pod roznymi nazwami... zapewne zle nazywam to co chce osiągnąć.

Mam list dropdown. Są tam trzy wartosci. None, Something, Anything

Dla None nie chce nic pokazac
Dla Something chce pokazać unikatowe wartości dla Something
Dla Anything chce pokazac unikatowe wartosci dla Anything

Co mam juz teraz

TS

    public providers = ['None' , 'Something', 'Anything']

HTML

<select class="form-control" value.two-way="activeSigningProvider">
    <option repeat.for = "provider of providers">${provider}</option>
</select>

Jednym z rozwiazan jest opisanie wszystkich pol jakich potrzebuje w tym samym pliku HTML i robic na zasadzie

<td><input disabled.bind="activeSigningProvider !== 'Something'" class="form-control" type="text" t="[placeholder]Integrator_key" value.bind="configuration.integratorKey" /></td>

ale to zostawia magic stringi. Chcialem to dodac do jakies kolekcji Key/Value gdzie Key bedzie wartością z providers a Value bylby HTML który ma się wygenerować.
Mam Anything.html oraz mam Something.html, które zawiera odpowiednie pola

i teraz pytanie

Jak to zrobic? jest lepsze rozwiazanie?

Oczywiście był to problem na zasadzie XY (nie wiedziałem jak sie dane rzeczy robi)

Więc to "wstrzykiwanie" to nic innego jak użycie kompontentów

<here-nice-form if.bind="activeSigningProvider === 'Something'" view-model.ref="HereNiceForm"></here-nice-form>

i na gorze mam

<require from="./docu-sign-form/docu-sign-form"></require>

nie wiedzialem, ze aurelia dziala na zasadzie name convention :)