Как я могу применить title / tooltip / popover к опциям выбора, используя ng-option / ng-repeat

Question

Я хочу динамически применять popover для параметров тега select не для тега select, а для параметров вот мой код

Далее вы можете обратиться к этому коду, к которому мне нужно применитьПодсказка

<select class="form-control" ng-model="selectedCategory2" id="category" style="width:280px;" name="category" ng-change="onselectedchange2(selectedCategory2,DomainLoginId,selectedCategory3)" popover="{{allow}}" popover-trigger="mouseenter" popover-placement="right required>
    <option ng-repeat=" item in groupData" value="{{item.sso_access_type}}" title="{{allow}}">{{item.sso_access_type}}</option>
</select>

Согласно этому коду, вывод, который я получил в Firefox,

<option ng-repeat=" item in groupData" value="S_Adv-Type6" title="Read-Only Access, S Budgets , S Billing" class="ng-binding ng-scope">S_Adv-Type6</option>

<option ng-repeat=" item in groupData" value="S_Adv-Type6" title="Read-Only Access, S Budgets , S Billing" class="ng-binding ng-scope">S_Adv-Type6</option>

Вы можете видеть, что заголовок для обоих вариантов становится одинаковым, я хочу, чтобы он отличался, как вконтроллер.

ниже моя ссылка на изображение, я хочу вот так 1 : https://i.stack.imgur.com/P32Zl.jpg

Answer 1

Установите ключ разрешения в каждом элементе вашей группыData

$scope.groupData = [
    {sso_access_type = 'one' , allow:'allowOne'},
    {sso_access_type = 'tow' , allow:'allowTow'}
];

и установите параметр, подобный этому

<option ng-repeat=" item in groupData" value="{{item.sso_access_type}}" title="{{item.allow}}">{{item.sso_access_type}}</option>