Angularjs を使用してモバイル Web アプリケーションの作成に取り組んでいます。私のページの1つで、ユーザーから情報を取得するためにテキスト領域を使用しました。また、残りの文字数をユーザーに表示して、最大制限を認識させます。
私が得ている問題は、テキスト領域内での入力中に、UI が残りの文字の値を更新していないことです。さらに、ユーザーが Enter キーを押すか、テキスト領域に次の行を入力すると、残りの文字の値が更新されます。
上記の問題は、PC Web ブラウザー、iOS Safari ブラウザー、および Samsung Galaxy 電話ブラウザーでは再現されません。私が得ている唯一の問題は、Android OS バージョン 4.0.4 を実行している Android タブレットに関するものです。
サンプルコードは次のとおりです。
<textarea id="textAreaId" name="textAreaName" class="input-block-level" rows="7" placeholder="Enter your text here." ng-model="oTextArea"></textarea>
<div>length {{oTextArea.length}}</div>
<div>text {{oTextArea}}</div>
上記のコード長とテキスト div では、Android OS バージョン 4.0.4 を実行している Android タブレットのテキスト領域内で入力中に値が更新されませんでした。
Android タブレットで問題が発生する理由や解決策をご存知の方がいらっしゃいましたら、お知らせください。前もって感謝します。