Top Posts Tagged with #ng-click

Basic Example of AngularJS for beginners | Part 1

#angularjs #ng-app #ng-controller #ng-click #ng-repeat

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

position relative to parent using angularjs + $event

Let's make a clickable progress bar.

Build a parent div .meterBackground and a child div within it to hold the current position of the progress bar .meterPosition. This code should give you the horizontal position that was clicked within the parent element .meterBackground.

Template:

js:

$scope.now = 0; $scope.clickMe = function(event) { $scope.now = parseInt(event.offsetX/event.target.clientWidth)*100); console.log('clicked on:' + $scope.now + '%'); }

Then you could make another div that overlaps .meterBackground and set it's width according the $scope.now, that would be the current progress bar position.

I'll make a fiddle later maybe :)

#angularjs #angular #event #ng-click #width #relative #percentage