機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

AngularJS: 文字数を非同期でカウントするアプリを作る

AD

プログラミング

AngularJSで文字数を非同期でカウントするアプリを作る.

{{(name + '').length}}でモデルオブジェクトの文字列の長さを出力できる.
{{name.length}}でも可能だが,明示的にstring型にした方が安全.

他にも同じ理屈で,javascriptメソッドが使える.

以下サンプル.(cdnへのリンクを忘れずに.)

<body>

    <div ng-app="dev">
  <br>
  <br>
      <div class="container" ng-controller="devCtrl">
        <p>Text : <input type="text" ng-model="name"></p>
          <pre>
            文字数:{{(name + '').length}}
          </pre>
      </div>
    </div>

    <script type="text/javascript">

    var app = angular.module('dev', []);

    app.controller('devCtrl',function($scope) {
        $scope.name = '文字を入力してね';
      }
    );

    </script>

</body>
SPONSOR

オンラインブートキャンプ全12コースの「ウケ放題」 AD

コメントを残す

Close Menu