「AngularJS」ng-cutディレクティブを使うサンプル

2020年12月5日

構文
<element ng-cut="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-cut="cnt = cnt + 1" ng-init="cnt=0" value="cut text " />
<p>切り取り回数: {{cnt}} </p>
<p>when cut finished paramater cnt will add 1</p>
</body>
<body ng-app=""> <input ng-cut="cnt = cnt + 1" ng-init="cnt=0" value="cut text " /> <p>切り取り回数: {{cnt}} </p> <p>when cut finished paramater cnt will add 1</p> </body>
<body ng-app="">
<input ng-cut="cnt = cnt + 1" ng-init="cnt=0" value="cut text " />

<p>切り取り回数: {{cnt}} </p>

<p>when cut finished paramater cnt will add 1</p>
</body>

 

AngularJS

Posted by arkgame