<rating max="5" model="review.num_stars"></rating>
<span tooltip="{{tip_msg}}">something</span>
<slider ng-model="my_val" max="20" min="0" step="2"></slider>
app.directive('slider', function() {
return {
scope: {
ngModel: '=',
},
template:'<div></div>',
link:function(scope,element,attrs){
scope.$watch('ngModel', function(newVal ){
element.slider("value", parseInt(newVal,10));
});
element.slider({ //create jQuery UI Slider
min: parseInt(attrs.min,10),
max: parseInt(attrs.max, 10),
value: scope.ngModel,
step: parseInt(attrs.step, 10)
});
//bind the slide function to update the ngModel
element.bind( "slide",function( event, ui ) {
scope.ngModel = ui.value;
scope.$apply();
});
}
};
});
{{ model.thingy }} as an example of model on scope
<input ng-model="something.my_val">
<button ng-click="my_action()">