AngularJS ui-select最小入力長がユーザーに複数の文字を入力するよう通知しない

Question

angleJSのui-select（select2テーマ）の拡張機能または組み込みオプションがあります。使用時に結果を表示するには

minimum-input-length=3 

オプション？私はjQueryのSELECT2で

formatInputTooShort(function() {return "Input more characters!;}); 

（https://select2.github.io/select2/）のような機能について話しています。 http://plnkr.co/edit/K9alAMAzvUqCY7Or8RwY?p=preview

私は年齢のためにこれをグーグルしてきた既存の解決策を見つけることができませんでした：

は、ここで私が使用して基本的な選択使用してライブラリのバージョンで設定plunkerです。

申し訳ありませんが、あまり有効ではないコードスニペットのため、私はそれらを使用してプランカスニペットを含めることができなくてはなりませんでした。どんな助けやヒントもありがとう。

Answer 1

私のUIにも同様の問題がありました。私はangular-uiを使用して、すべての私のドロップダウンにこれを使用します（いくつかあります）。これはありませんが、ネイティブSELECT2の選択、角度-UIのドロップダウンが少なくとも3つの文字の入力に制限するには、属性theme="select2"

を使用してちょうどSELECT2のようなドロップダウンを作るために使用することができ、ここであなたは何をすべきかです：

コントローラJS：

$scope.limitTitleSearch = 5000; //this should be initialised to more than the number of entries the dropdown holds 
$scope.checkTitle = function(lettersTyped){ 
     if(lettersTyped.length > 2){ 
      $scope.limitTitleSearch = 500; 
     }else{ 
      $scope.limitTitleSearch = 0; 
     } 
    } 

HTML：3つの以上の文字を入力するためのメッセージを表示するように

使用。同様に：

<ui-select-no-choice> 
    Type at least 3 chars for options to load 
</ui-select-no-choice> 

とそのJS関数を呼び出すためにui-select-choicesのrefresh属性を使用します。

ので、あなたのHTMLが

<ui-select-choices 
    refresh="checkTitle($select.search)" 
    refresh-delay="1000" 
    repeat="item in (itemArray | filter: $select.search limitTo: limitTitleSearch) track by item.id"> 
    <span ng-bind="item.name"></span> 
</ui-select-choices> 
//add <ui-select-no-choices code here 

に見えるが、これがお役に立てば幸いです。 :)

Answer 2

あなたの質問に似ている下記のリンクを参照してください：

https://stackoverflow.com/a/41757481/4434112

が、あなたのケースでは、UI選択plugin.js中に、テンプレートを編集「SELECT2/select.tpl.html "（テーマselect2の場合）プレースホルダを目的のメッセージに変更します。

プレースホルダ=" 3文字以上入力してください！

ここに示すように、テンプレートで、それは次のようになります。

<input type=\"search\" ........... placeholder=\"Input minimum 3 characters!\">