Tooltip dans une liste déroulante avec Materialized et Angular

Bonjour,

J'ai un petit problème qui est sans doute tout bête mais qui est assez déroutant. Je travaille sur un projet angular qui utilise la librairie CSS materialized et je souhaiterais mettre une info bulle sur les éléments à l'intérieur de ma liste déroulante (Ceux de la balise <option> donc).

J'ai choisi les "tooltips" de Materialized pour faire le travail: http://materializecss.com/dialogs.html

Mais là je rencontre un petit problème: Le tooltip fonctionne bien sur le <select> mais pas sur les options à l'interieur de celui ci.

Concrètement, ce code fonctionne très bien:

<select class="browser-default tooltipped" data-ng-model="type_effectif" data-position="bottom" data-delay="50" data-tooltip="I am tooltip">
            <option ng-repeat="effectif in effectifs">{{effectif.type}}</option>
</select>

Mais ce code n'active pas les tooltips:

<select class="browser-default">
            <option class="tooltipped" ng-repeat="effectif in effectifs"  data-ng-model="type_effectif" data-position="bottom" data-delay="50" data-tooltip="I am tooltip>{{effectif.type}}</option>
</select>

Quelqu'un aurait une idée?

Merci d'avance pour votre temps,

Pierre