2

これが私が試したコードです。angularjs コードと html コードでプレースホルダーを追加しようとしましたが、どちらの場合も機能しません。この場合の対処方法を教えてください

 <select ui-select2="select2Options" 
style="width:100%" 
ng-model="SelectedProcessandIngredients"
 data-placeholder="Select or Add Process/Ingredient" 
ng-options="c.name group by c.status for c in colors"
 ng-change="selectedinnerLoop()" >          
        </select>

Angular js コード:

$scope.select2Options = {
        placeholder : "Select or Add Process/Ingredient",
        formatResult : processList,
        formatSelection : processList,
        escapeMarkup : function (m) {
        return m;
        }

    };
4

1 に答える 1

9

select タグ内に空のオプション タグを追加すると、プレースホルダーが表示されます。また、ng-options の代わりに ng-repeat を使用します。Select2 は ng-options と互換性がありません。

<select ui-select2 ng-model="select2" data-placeholder="Pick a number">
    <!-- empty option gets placeholder working -->
    <option value=""></option>
    <!-- ng-repeat to populate dynamic options -->
    <option ng-repeat="number in range" value="{{number.value}}">{{number.text}}</option>
</select>
于 2014-09-04T19:56:54.757 に答える