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