Share.. Ask.. Learn..
Pages
Home
AngularJs Keywords
AngularJS
AngularJS Question & Answer
Angular 2
About Us
Contact Us
Saturday, 14 November 2015
ng-focus
What is ng-focus:
ng-focus used to perform any task on mouse over event..
Description of ng-focus:
ng-focus has 0 priority . perform any particular task on focus..
Syntax of ng-focus:
<
element
ng-focus
="myfun()"></
element
>
Or
<
div
ng-focus
="msg='This is angularjs example of ng-focus'"></
div
>
How to Use ng-focus/ng-focus Example::
Example 1:
<
div
ng-init
="msg='angularjs example'">
msg1:
{{
msg
}}
<
div
ng-focus
="msg='This is angularjs example of ng-focus'">
msg2:
{{
msg
}}
</
div
>
</
div
>
o/p: msg:angularjs example
when ng-focus fire
msg:This is angularjs example of ng-focus
Example 2:
<
div
ng-app
="webapp">
<
div
ng-controller
="angularjsexampleCtlr">
<
div
>
Angularjs Example of ng-focus
<
button
ng-focus
="myfun()"></
button
>
</
div
>
</
div
>
</
div
>
<
script
>
angular.module(
'webapp'
, []).controller(
'angularjsexampleCtlr'
,
function
($scope, $http) {
$scope.myfun =
function
() {
$scope.msg =
"Hey this ng-focus result."
;
alert($scope.msg);
}
});
</
script
>
No comments :
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments ( Atom )
No comments :
Post a Comment