「AngularJS」ng-listで入力された区切文字を配列に変換するサンプル

書式
<input ng-list="{文字列}">
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>区切り文字を入力します</p>
<input ng-model="cft" ng-list/>
<p>ng-listで区切り文字と文字列の配列を変換します</p>
<pre>{{cft}}</pre>
</div>
</body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <p>区切り文字を入力します</p> <input ng-model="cft" ng-list/> <p>ng-listで区切り文字と文字列の配列を変換します</p> <pre>{{cft}}</pre> </div> </body> </html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">

<p>区切り文字を入力します</p>

<input ng-model="cft" ng-list/>

<p>ng-listで区切り文字と文字列の配列を変換します</p>

<pre>{{cft}}</pre>

</div>

</body>
</html>

結果
区切り文字を入力します
4,5,6,8

ng-listで区切り文字と文字列の配列を変換します
[“4″,"5″,"6″,"8"]

AngularJS

Posted by arkgame