affiche une div à la souris en Angularjs

Je suis nouveau dans AngularJS, comment puis-je afficher popup à un div sur mouseover utilisant AngularJS. Si je redimensionner une div à la souris, les changements de structure de l'ensemble, comment faire pour afficher la popup div sans déranger les voisins éléments.

Balisage 

<div ng-repeat="x in images | filter:test" style="float:left; width:30%"  ng-mouseover="count=1" ng-mouseleave="count=0" >
    <img ng-src="{{x.path}}"
        style="width: 100px; height:100px"><div> {{x.company}}</div>
        <div style="background-color:#E6E6FA;text-align: center;"ng-show="count"> 
            price:{{x.price}}</br>
            size:{{x.size}}</br>

        </div>
        </img>
<div/>

J'ai ajouté des choses supplémentaires dans le balisage, comme société,de la taille sur mouseover. m'aider dans la pop d'une image sur mouseover. Merci d'avance

utilisation angulaire ui bootstrap angular-ui.github.io/bootstrap regardez ce plunkr plnkr.co/modifier/a165oiq4bgmVtFvJebTG?p=preview
alors qu'il devrait l'avoir mentionner dans sa question..Peut-être qu'il n'ont aucune idée de ce genre de fonctionnalité
vous pourriez vouloir essayer d'attribut personnalisé en fonction des directives de la docs.angularjs.org/guide/directive OU vous pouvez simplement ajouter l'utilisation d'une combinaison de liaisons d'événements et méthodes ajoutée à votre champ comme celui - stackoverflow.com/questions/22532656/...

OriginalL'auteur Samyak Jain | 2015-05-29

  1. 8

    Vous devez faire deux choses. D'abord, vous avez la position de votre liste d'élément absolu, afin de ne pas perturber le flux des autres éléments quand elle surgit. Quelque chose comme ceci (z-index est ce qu'il fait pour être sur les autres éléments): 

    .popover {
  position: absolute;
  z-index: 100;
}

    Et dans votre code html de balisage, vous pouvez utiliser le ng-mouseover directive. 

    <div ng-mouseover="showPopover()" ng-mouseleave="hidePopover()">
  more info
</div>
<div class="popover" ng-show="popoverIsVisible">Popover Content</div>

    Votre angulaire contrôleur sera probablement ressembler à quelque chose comme ceci

    $scope.showPopover = function() {
  $scope.popoverIsVisible = true; 
};

$scope.hidePopover = function () {
  $scope.popoverIsVisible = false;
};

    Si vous avez plus d'un, vous êtes probablement mieux de mettre tout ça dans une directive

    OriginalL'auteur dom