2016-03-29 8 views
1

私はちょうどangularjsを学び始めたので、この質問は愚かに見えるかもしれません。anglejsのテキストボックスの文字数を取得

<span class="pull-right" style="color: gray">{{ seo.H1.length }}/50</span> 

しかし、問題があり、それからカウントを開始:私はつもりspanタグでinputタグの文字の数を示しています

<input type="text" class="form-control" id="H1" name="H1" placeholder="Enter Something..." ng-trim="false" ng-model="seo.H1" required ng-minlength="5" ng-maxlength="50"> 

私はこの入力タグを持っています入力が50文字になると、スパンは何も表示しません。

問題を解決するにはどうすればよいですか?

+2

IITは問題ではなく、 'ng-minlength'と' ng-maxlength'の仕組みです。文字列がこれらの範囲外にある場合、モデル変数に値はありません。あなたはいつもコンテンツを必要とするだけでこれらの属性を削除して、手動で扱う文字数が多すぎる/少数の場合 – Naigel

答えて

1

ここでの問題はスパンそのものではありません。すべてが期待どおりに機能します。入力の最小な長さを設定します

あなたが追加したNG-MINLENGTHを有効にするに:ここで

は、それがどのようになるです。

入力が有効になる最大長を設定し、ユーザーが入力できるようにするng-maxlenghtを追加しました。

seo.H1.length 

は、NG-MINLENGTHとNG-MAXLENGTHがここで問題に属性5

1

50にから値を取り、それがテキストボックスundefinedを保持しているあなたのNG-MINLENGTHとNG-MAXLENGTHの条件を満足するまで、属性を削除します理由長さが5未満で最大50までの文字の場合、理由長さは '0'です。

関連する問題