Значение параметра AngularJs Select2 с двумя цифрами

Я использую плагин angularjs select2, пытаясь выбрать опцию в select2 одним нажатием кнопки. Мой выбор параметров JSON приведен ниже:

[
        { "text": "one", "id": 1, "additional": { "iconClass": "fa-edit", "btnClass": "#0696C5" } },
        { "text": "two", "id": 2, "additional": { "iconClass": "fa-edit", "btnClass": "#0696C5" } },
        { "text": "nine", "id": 9, "additional": { "iconClass": "fa-edit", "btnClass": "#0696C5" } },
        { "text": "red", "id": 10, "additional": { "iconClass": "fa-edit", "btnClass": "red" } },
        { "text": "green", "id": 11, "additional": { "iconClass": "fa-edit", "btnClass": "green" } },
        { "text": "twenty", "id": 20, "additional": { "iconClass": "fa-edit", "btnClass": "red" } } 
    ]

Он работает нормально, пока выбранная модель имеет однозначное значение (id). Если я попытаюсь установить значение, указав 10 или 11 в качестве значения для модели select2, оно фактически выберет значение с идентификатором 1. Это проблема. Однако это работает нормально, если я пытаюсь однозначное значение. Интересно, что при втором нажатии на кнопку я получаю желаемый результат.

Я знаю, что я не использую директиву ng-options. Это потому, что мне нужно дать пользовательские классы для каждой опции в поле выбора. Я не мог понять, что не так. Кто-нибудь может направить меня в этом?

Плункер: https://plnkr.co/edit/ANeLOMrPUgieqMDmvX8i?p=preview

0 ответов

Другие вопросы по тегам