1

md-autocomplete は、ドロップダウンに存在しない要素を検索しようとすると、md-virtual-repeat-container に md-not-found という名前のクラスを提供し、その下にエラー メッセージを表示します。入力要素からフォーカスを外すと、md-not-found が削除されます。したがって、オートコンプリートは、ユーザーにフィードバックが表示されないため、有効な入力があるという誤った印象を与えます。

入力要素のフォーカスを外した後でも、クラス「md-not-found」を維持する方法はありますか?

md-autocomplete 公式デモ: https://material.angularjs.org/latest/demo/autocomplete

アップデート

私は一時的な解決策を作りました：

<label class="{{selectedItem !== null || searchText === '' ? '' : 'label-error'}}">Name</label>

label-error クラスは赤色を適用します。

解決策は、質問自体に対する回答ではありませんが、代替の迅速な修正を提供します

4

1 に答える 1

0

md-chips 内で md-autocomplete を使用し、必要に応じて機能します。リクエストが noContent(204) を返すと、md-not-found が表示され、ユーザーが再度テキスト送信を開始するまで消えません。

<md-content layout="column">
   <md-chips
              class="md-input"
              ng-model="myItem"
              md-autocomplete-snap
              md-on-add="change()"
              md-on-remove="change()"
              required
              md-require-match="true"
              md-transform-chip="reformr($chip)"
              md-separator-keys="keys">
<md-autocomplete md-selected-item="selectedItem"
                               md-no-cache="true"
                               md-search-text="search.text"
                               md-items="item in getSuggestedItems()"
                               md-item-text="item.name"
                               md-min-length="0"  
                               placeholder="{{ 'textItemName' | translate }}"
                               required
                               md-input-name="suggestedItem"
                               md-search-text-change="listSuggestedItems(search.text)">
                <span md-highlight-text="search.text" md-highlight-flags="^i">{{item.name}}</span>
                <md-not-found>
                  {{'no_item_found' | translate}}
                </md-not-found>
              </md-autocomplete>
  </md-content>

于 2016-05-05T10:41:23.093 に答える