Share.. Ask.. Learn..
Pages
Home
AngularJs Keywords
AngularJS
AngularJS Question & Answer
Angular 2
About Us
Contact Us
Monday, 2 November 2015
ng-mouseup:
What is ng-mouseup:
ng-mouseup used to perform any task on mouse down event..
Description of ng-mouseup:
ng-mouseup has 0 priority . perform any particulate task on ng-mouse up..
Syntax of ng-mouseup:
<
div
ng-mouseup
="myfun()"></
div
>
Or
<
div
ng-mouseup
="msg='This is angularjs example of ng-mousedown"></
div
>
How to Use ng-mouseup/ng-mouseup Example::
Example1:
<
div
ng-init
="msg='angularjs example'">
msg1:
{{
msg
}}
<
div
ng-mouseup
="msg='This is angularjs example of ng-mouseup'">
msg2:
{{
msg
}}
</
div
>
</
div
>
o/p:
msg:angularjs example
//when ng-mouseup fire
msg:This is angularjs example of ng-mouseup
Example2:
<
div
ng-app
="webapp">
<
div
ng-controller
="angularjsexampleCtlr">
<
div
>
Angularjs Example of ng-mouseup
<
br
/>
<
div
ng-init
="myexpression='Angularjs Example of ng-mouseup'">
Before ng-mouseup fired :
{{
myexpression
}}
<
div
ng-mouseup
="myfun()"
/>
After ng-mouseup fired :
{{
myexpression
}}
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
>
angular.module(
'webapp'
,[]).controller(
'angularjsexampleCtlr'
,
function
($scope, $http) {
$scope.myfun =
function
() {
$scoep.myexpression =
'This is angularjs example of ng-mouseup’
;
}
});
</
script
>
o/p:
Before ng-mouseup fired: Angularjs Example of ng-mouseup.
After ng-mouseup fired :This is angularjs example of ng-mouseup.
No comments :
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments ( Atom )
No comments :
Post a Comment