excellent approach got desired solution but i had to make few correction in
this code
scrollpane height - element offset top so that it can get actual height
instead of windows height which will be always less than window height
since element may be placed some where down the line also in this code my
jscrollpane not getting intialize onload it only comes when i resized it.
(function() {
'use strict';
iqApp.directive('jscrollpane', [ function() {
function link(scope, element, attr) {
var $window = $(window);
var $element = $(element), api;
$element.jScrollPane();
api = $element.data('jsp');
//api.reinitialise();
$window.on('resize', function() {
scope.$apply();
});
scope.$watch(function() {
var _finalHeight = $window.height() - $element.offset().top;
console.log(_finalHeight);
return {
finalHeight : _finalHeight
}
}, function(newValue) {
$('.jspContainer').height(newValue.finalHeight);
api.reinitialise();
}, true);
scope.$watch(function() {
return {
finalWidth : $window.width()
}
}, function(newValue) {
$('.jspContainer').width(newValue.finalWidth);
api.reinitialise();
}, true);
}
return {
restrict : 'A',
link : link
};
} ]);
})();
thanks
On Friday, July 6, 2012 at 9:45:42 PM UTC+5:30, lost_in_the_woods wrote:
>
> Hi,
>
> I'm trying to use http://jscrollpane.kelvinluck.com/ with ng-repeat. It's
> a div scroller. However, I need to initialize it after the size of the
> div.contents() is known -- i.e., after ng-repeat is done inserting elements.
>
> Is there an event that ng-repeat emits/broadcasts after it finishes DOM
> manipulation?
>
> THanks.
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
