angularjs - を使用して入力フィールドの長さ (最大長) を制限する方法

Question

たとえば、ユーザーの入力を10個の数字のみに制限/制限する動作を実現したいと思います:

誰でもこれを行う方法を知っていますか?

それらには属性 md-input-maxlength があることがわかりますが、それを機能させることも、例を見つけることもできません。

あなたの意見に感謝します。

Answer 1

今のところ簡単にできる方法はないと思います。ただし、使用できるハッキーな回避策として、md-search-text-change値が X よりも長い場合は常に、値の最初の X 文字で上書きすることができます。

ペン例はこちら

ただし、テキストをその部分文字列に変更すると、別のテキスト変更イベントが呼び出されることに注意してください。

Answer 2

作業コードは次のとおりです。

    <md-autocomplete flex=""
                       required
                       ng-init="searchText=''"
                       md-input-name="autocompleteAddField"
                       md-input-minlength="2"
                       md-input-maxlength="10"
                       md-no-cache="true"
                       md-selected-item="newE.add"
                       md-search-text="searchText"
                       md-items="item in vm.queryAddressSearch(searchText)"
                       md-item-text="item.address"
                       md-require-match=""
                       md-floating-label="Address">
        <md-item-template>
          <span md-highlight-text="searchText">{{item.address}}</span>
        </md-item-template>
        <div ng-messages="newEntityForm.autocompleteAddField.$error" ng-if="newEntityForm.autocompleteAddField.$touched">
          <div ng-message="required">You <b>must</b> have a user address.</div>
          <div ng-message="md-require-match">Please select an existing address.</div>
          <div ng-message="minlength">Your entry is not long enough.</div>
          <div ng-message="maxlength">Your entry is too long.</div>
        </div>
      </md-autocomplete>

Answer 3

「md-maxlength」と「maxlength」を組み合わせます。入力タイプ="テキスト" md-maxlength="512" maxlength="512"

Answer 4

ng-maxlength="10"を使用できます。ここに例があります。ユーザーが 10 文字を超えて入力すると、フォームは無効になります。これを確認できます。

<form name="form">
  <input type="text" ng-model="model" id="input" name="input" ng-maxlength="10" />
  <hr>
  input valid? = <code>{{form.input.$valid}}</code><br>
  model = <code>{{model}}</code>
</form>