Clone a template with dynamic scope in directive

[Suresh K. V.]

Hi,

I want different id's for the layouts created in directive. I have created a plunker with detailed code.

http://plnkr.co/edit/qIde3nZqCv6tHV2wVYEU?p=preview

Please help me.

[Jason Steele]

Try the solution in this SO: http://stackoverflow.com/questions/21021951/directive-template-unique-ids-for-elements

[Suresh K. V.]

@Jason Steele, thanks for the reply, but it is not working.

[Sander Elias]

Hi Suresh,

I don't think this is a venue you should follow. This will lead you into a road full of unexpected surprises. I would prefer not to maintain a project that holds stuff like this.

However, what you ask is possible, and I will show you how. Consider this as an academic exercise, not as something you should do in production!

If you need something like this, every 'template' should receive it's own private an new Scope. 

Does this explain it a bit to you?

Regards

Sander

[Suresh K. V.]

Hi Sander,

Thank you very much for your post. It helped me a lot. Could you please let me know what would be the best solution to do it in the production.

Thanks,

Suresh

[Sander Elias]

Hi Suresh,

Tell me what it is you need to get done. What is the use in your app of this?

Regards

Sander

[Suresh K. V.]

Hi Sander,

In our app we need to generate multiple layouts, where user can search the products in our application. Each layout will represent a separate search.

Thanks,

Suresh

[Sander Elias]

In that case, cant you repeat over an array, and then ng-include the template you need?

Regards

Sander

[Suresh K. V.]

Hi Sander,

Sorry for late reply. can you please provide a code sample.

Regards,

Suresh

[Sander Elias]

Hi Suresh,

something like:

<div ng-repeat='template in templates' ng-include='template'></div>

Templates is an array holding the relative url's of your templates.

regards

Sander