2015-08-21 1 views
0

J'ai un formulaire créé avec AngularMaterial éléments.Utilisation de AngularStrap avec AngularMaterial

Il n'y a pas de sélecteur de temps dans ngMaterial mais j'ai décidé d'utiliser AngularStrap.

Cela fonctionne bien sauf pour l'aspect visuel. L'entrée du sélecteur de temps ne ressemble pas au reste des entrées de ngMaterial.

Est-il possible de résoudre ce problème et de créer les éléments d'entrée AngularStrap comme le reste de mon formulaire en utilisant ngMaterial?

+0

Vous devriez jeter un oeil à la css utilisé par matériau angulaire et remplacer le css de AngularStrap. Mais je ne suis pas sûr que vous pouvez obtenir exactement la même conception facilement – ThibaudL

+0

Est-ce que quelque chose comme ça ne fonctionne pas? : ' ' – ThibaudL

+0

@ThibaudL Je le ferais normalement mais le css de ngStrap est dans son deuxième fichier js, donc je n'étais pas sûr de savoir comment jouer avec ça. Votre seconde suggestion fonctionne bien, mais lorsque je clique sur l'entrée, le popover qui en résulte s'aligne sur la taille de cette entrée (trop petite) et les dates se chevauchent. Cela n'a probablement rien à voir avec votre solution, alors je vais essayer de trouver moi-même l'erreur. Pouvez-vous ajouter ceci comme réponse? – dearn44

Répondre

0

Cela devrait le faire, mais vous pourriez avoir besoin de faire une petite mise à jour pour obtenir tout ce css propre:

<md-input-container> 
    <label>date</label> 
    <input ng-model="myDate" type="email" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker> 
</md-input-container>