2

私はselect2プラグインでangularjsを使用しています。

ドロップダウンから設定できるプロパティを持つアイテムを編集すると、現在選択されている値がドロップダウンで選択/強調表示されますが、表示されません。実際にドロップダウンをクリックして、実際に選択されているオプションを確認する必要があります。基本的に最初はフィールドは空です...

このような：

ここに画像の説明を入力

ご覧のとおり、フィールドは空ですが、クリックすると Arizona が選択されていることがわかります。クリックせずにドロップダウンにアリゾナを表示するにはどうすればよいですか?

そして、これが要素にバインドする方法です。

  <select data-custom-select class="form-control" data-ng-model="newType.Type" data-ng-options="t for t in definitions.Types"></select>

data-custom-selectselect2()要素に適用できるようにするディレクティブです。

 directive('customSelect', [function () {
    var link = function (scope, element, attrs) {
        element.select2();
    };

    return {
        restrict: 'A',
        link: link
    };
}])

モデル:

$scope.newType = {
    Type: 'Type 1'
}

$scope.definitions ={
    "Definitions": [{
        "Id": "1",
        "Name": "Name 1"        
    }, {
       "Id": "2",
        "Name": "Name 2" 
    }],
    "Types": ["Type 1", "Type 2", "Type 3"]
};
4

1 に答える 1

3

プラグjQueryインとangularjs. angularjsここにモジュールがありSelect2ます: angular-ui/ui-select

例: http://jsbin.com/nojewamivu/1/edit?html,js,output

于 2015-04-13T11:46:29.683 に答える