Dynamic ID

[graphefruit]

Hello,

if you choose to take dyanmic Id's and render them via angular

<input ng-model="value"   type="text" id="{{ id }}"slider options="options" />

The Slider isn't working cause he grabs the ID before its filled.

Workaround in the actual plugin:

scope.id=createDynamicId();
element.attr("id",scope.id);
scope.sliderTmplId = scope.id+ '-slider-span';
scope.sliderScaleDivTmplId =scope.id + '-slider-scale';

I create a dynamic id and set the attribute of it into the input element.

I need to do this, cause the JSlider i build up in a self custom directive of my project.

Maybe any better solutions available?

Greetings

[darul75]

I try to look deeper and check directive priority rules, can you give your angular version as they may have made some changes in handling interpolatation priority order..

https://github.com/angular/angular.js/issues/4511

[darul75]

can you give a try to this

<input ng-model="value"   type="text" ng-attr-id="{{ id }}" slider options="options" />

[graphefruit]

Hey Darul, thanks for feedback, I'll try this later on. Angular Version: AngularJS v1.2.14 Greetings

[graphefruit]

Hey Darul, sorry its not working

[darul75]

Well i guess it is related to interpolation which normaly occured...at right time or not...I have seen some discussions about it, postLink functions etc..but it is relatively tricky. Can you post a fiddler about it

[darul75]

new version should avoid this, I keep you in touch

[darul75]

do not cause problem anymore