「AngularJS」ng-focusディレクティブのサンプル

構文
<element ng-focus="expression"></element>
<a>, <input>, <select>, <textarea>はサポート

使用例
htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<head> <meta charset="utf-8"> <script src="/angular.js/1.4.6/angular.min.js"></script> </head>
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>

JSコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<body ng-app="">
<input ng-focus="cnt = cnt + 1" ng-init="cnt=0" />
<h1>{{cnt}}</h1>
<p>click input text,cnt value is added</p>
<body ng-app=""> <input ng-focus="cnt = cnt + 1" ng-init="cnt=0" /> <h1>{{cnt}}</h1> <p>click input text,cnt value is added</p>
<body ng-app="">
<input ng-focus="cnt = cnt + 1" ng-init="cnt=0" />

<h1>{{cnt}}</h1>

<p>click input text,cnt value is added</p>

 

AngularJS

Posted by arkgame