Dynamic ModelId

[Ahsanmughal]

Hi
Is there any way to define modelId dynamically ? like in your Example you defined static modelId bootstrapFormArray

[minuz]

The modelId can be a property within your class. The template can access the class properties and therefore, you should be able to change the id of it dynamically.

[Ahsanmughal]

@minuz , @nomi-ramzan can you please provide me code example.

[udos86]

@Ahsanmughal At the moment you cannot dynamically append modelId to a template. It needs to be set at the latest when ngAfterViewInit is called. That's the lifecycle callback that assigns a template to a Component.

[nomi-ramzan]

@udos86 But in case of mix schema of form like DynamicFormArrayModel and some other or more then one defined here ?
to make it simple who can i add more then one investment in bootstrap example dynamically.

[udos86]

@nomi-ramzan Could you please specify your use case and what you're trying to achieve?

[nomi-ramzan]

@udos86 See in this Example now there is no way to define a model like this ?

[udos86]

@nomi-ramzan Thanks for the Plunker! So in this example you'd like to reuse the template for the second DynamicFormArrayModel as well, am I right?

[nomi-ramzan]

@udos86 yes exactly you got it right.

[udos86]

@nomi-ramzan Alright! There is a bug in the current version 1.3.12. I will deliver a fix by the end of the weekend.

From 1.3.13 on you will be able to assign a template by type:

<template modelType="ARRAY" let-context="context" let-index="index">

    <div class="col-sm-4">

        <button type="button" class="btn btn-danger rounded" (click)="remove(context, index)">&#10005;</button>
        <button type="button" class="btn btn-default rounded" (click)="move(context, index, -1)">&#9650;</button>
        <button type="button" class="btn btn-default rounded" (click)="move(context, index, 1)">&#9660;</button>
        <button type="button" class="btn btn-success rounded" (click)="insert(context, index + 1)">&#43;</button>

    </div>

</template>

That way you can easily reuse a template for multiple DynamicFormArrayModels.

[nomi-ramzan]

Glad to know. Thank you

[udos86]

@nomi-ramzan You can now use it. The property is called modelType. Please see README.md.

[nomi-ramzan]

Thank you. I tested it and its working amazingly fine.

[nomi-ramzan]

@udos86 I have one question what about if i have two array controls and i want to use different template for each control Plunker to make it more clear.
I also added one idea to take template id or type for controller defined inside file model.ts line 54, 55

[udos86]

@nomi-ramzan You would bind modelId instead of modelType then. Also thanks for your idea! However I would not like to mix pure model information with UI.