It should work and there is already a demo for it: http://angular-slider.github.io/angularjs-slider/ - "Slider with custom template to use HTML formatting for ticks"

I followed the demo, but it didn't work. Is there anything else I need to keep an eye on?

Maybe by understanding the src code can help me with using this attribute. Could you please provide some explaination of the src code piece?

There you go: https://github.com/angular-slider/angularjs-slider/blob/master/src/rzslider.js#L2049

If you still cannot fix your issue, please provide a JSFiddle showing what you are trying to do, and I'll help you. ;)

Thanks Valentin. What's the difference between src/rzslider.js and
dist/rzslider.js? I see this extra code in dist/rzslider.js:

`
module.run(['$templateCache', function($templateCache) {
'use strict';

$templateCache.put('rzSliderTpl.html',
"

The dist file just contains the inline default template.

I put the custom template file on the same level as the html file that uses th rzslider directive (for example, index.html), it's working.

Now, I have another question:

How do I pass the variables being defined in my own controller (for example, index.js) to the custom template file?

I don't think it's possible because there are 2 different scopes.

Well, it could be a nice feature for the next release ;)

How would you implement such a feature? I don't see how this is possible because this is due to the isolation of scopes in Angular...

One way I can think of is to add a customizable option for user, for example, an option with a key named "myOption", user can pass in an object that contains any thing the user wants as a value, then user can use that object in custom templte.

OK, I see now. I can add this feature as a customScope option.

Do you have an example of use case for this feature?

Great. I don't have live code for you at the moment. I'll explain here:

Under a partial directory, I have four files:

• mySliderTpl.html
• myPage.html
• myController.js
• myPage.css

I wish to have "customScope" variable being defined in myController.js, for example:
customScope = {'updating_time': '14:23:07', 'other': 'some value here'}
The value of 'updating_time' will be updated every second by the js code, which will be reflected in mySliderTpl.html, so that I can show the running time in my browser.

Please let me know if you need more details. Thanks!

But why does it have to be displayed in the slider template? Cant you just display it outside of it in its own template/directive?

That's by design. Need to have it on template. A customscope would be very
beneficial.

The time value is displayed on the slider?

Yep. It's not just the time value, could be something else too. Just need
to imtegrate on the slider template.

I'm sorry to insist but I have seen so many users that needed a feature for the slider while they could have done it themselves, outside of the library. I don't want the library to implement all the custom features of every users so I want to make sure of that.

Could you please provide a mock-up of what you want to achieve?

I understand that. But I don't think I can implement this myself, I will
share the mockup with you tmr. Thanks!

👍

Here is the mockup, it simulates a playing video slider. I need to display the tooltip beside the slider as it moves, and update the tooltip value every second.

OK I see, but don't you think that the tooltip should be handled in the chart part?

Well. I wish. But that's by design, so I don't have a choice, I have to
implement it as the mockup. I really appreciate your help, this feature
would be a bonus.

I mean, the tooltip should be handled by the chart, this is not the slider concern

The expected result is to have the tooltip move with the green slider (When
video is playing, the green slider will auto move to the right one step
every second, and also the tooltip). The only way I can think of is to
implement it in the custom template.

On Wed, Jul 6, 2016 at 1:29 PM, Valentin Hervieu notifications@github.com
wrote:

I mean, the tooltip should be handled by the chart, this is not the slider
concern

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#354 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AGFBxszj9pDB5C_4a3kHybJAJs6hNGXoks5qTBA3gaJpZM4I8TO4
.

Added this option in 5.2.0:
customTemplateScope - Object (default to null): The properties defined in this object will be exposed in the slider template under custom.X.

Great! Thank you very much! Can't wait to use this feature ;)

On Wed, Jul 6, 2016 at 11:17 PM, Valentin Hervieu notifications@github.com
wrote:

Added this option in 5.2.0:
customTemplateScope - Object (default to null): The properties
defined in this object will be exposed in the slider template under
custom.X.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#354 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AGFBxvubMrxl_OPZIT-THhqfI2hP68MSks5qTJoJgaJpZM4I8TO4
.