Comment utiliser AngularJS sans balises HTML personnalisées ?

Question

J'essaie d'utiliser Bootstrap de l'interface utilisateurLe sélecteur de date en ligne de , mais il fonctionne avec une balise personnalisée :

<datepicker ng-model="dt" min-date="minDate"></datepicker>

Mon processeur de modèles ne prend pas en charge les balises personnalisées. Existe-t-il un moyen de faire fonctionner cela avec une balise standard, par ex.quelque chose comme <div ng-something="datepicker"></div>?

Il y a eu des discussions sur comment/pourquoi AngularJS utilise des balises personnalisées ici et ici, et AngularJS en a doc sur la façon dont IE8 accepte les balises personnalisées à l'aide de JS, mais mon problème se situe à l'étape de génération HTML, c'est-à-direce n'est pas un problème avec le navigateur.

Notez que je ne peux pas changer mon processeur de modèle, et cette question est plus vaste que cela puisque vous devez utiliser des balises standard si vous souhaitez avoir un code HTML conforme au W3C.AngularJS vous permet d'utiliser des attributs standard (en préfixant data-), mais je ne trouve pas de moyen d'utiliser les balises standards.

Answer 1

Vous pouvez essayer quelque chose dans ce sens :

<div data-datepicker ng-model="dt" min-date="minDate"></div>

MODIFIER:Cela devrait fonctionner, comme la directive datepicker de ui-bootstrap (https://github.com/angular-ui/bootstrap/blob/master/src/datepicker/datepicker.js) semble avoir restrict attribut défini sur 'EA', ce qui signifie que vous pouvez l'utiliser en Eélément ou Ahommage.Je pense donc que vous pouvez suivre mon exemple fourni ci-dessus.