Changez le contenu div en fonction d'autres div cliquez (AngularJS)

Donc, je suis nouveau chez AngularJS et j'essaie de changer un contenu div après un autre clic (celui-ci détient une div avec le contenu que je veux mettre sur le premier).

HTML

<div ng-controller="dCtrl"> <ul ng-repeat="product in products"> <li change> {{product.name}} <div class="hide">{{product.description}}</div> </li> </ul> </div> <div id="test"></div> 

Javascript

 var app = angular.module("dt", []); app.directive("change", function() { return function(scope, element) { element.bind("click", function() { var message = element.children("div").text(); console.log("breakpoint"); angular.bind("#test", function() { this.text(message); }); }) } }) app.controller("dCtrl", function($scope) { $scope.products = [ { "name" : "Escova XPTO", "description": "Lava tudo num instante"}, { "name" : "Pasta de Dentes YMZ", "description": "Dentifrico do camandro"} ]; }) 

Je sais que je pourrais simplement dire:

• Injecter des services dans le contrôleur de directive AngularJS directement
• Test angulaire: Spy une fonction qui a été exécutée sur l'initialisation d'un contrôleur
• AngularJS ngModel ne fonctionne pas dans un tabset ui-bootstrap
• Quelle est la différence entre la mise en cache via JavaScript vs la définition de l'en-tête HTTPResponse dans le serveur
• Accès au texte de la directive angulaire (élément) dans le modèle

 $("#test").html(message); 

Mais je suis toujours confus au sujet du mélange de jQuery et AngularJS, je ne sais pas si c'est une façon correcte de le faire

Merci

• Partage de données entre les contrôleurs AngularJS?
• AngularJS: Pass $ scope variable comme attribut de directive
• Régler l'élément de hauteur dans PhantomJS
• Les routes angulaires contiennent #! Dans l'url au lieu de #
• La fonction s'applique avec les arguments en utilisant une tranche