Javascript 在其他div单击时动态更改div内容（AngularJS）

所以，我是AngularJS的新手，我正在尝试在点击另一个div后更改一个div内容（这个div包含我想放在第一个div上的内容）

HTML

我知道我可以说：

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

但是我仍然对混合使用jQuery和AngularJS感到困惑，我不知道这样做是否正确

---

谢谢

设置ng点击：

用于做一些事情，比如在变更指令中进行的可怕的jQuery风格的事情。将ng click放入可单击div的属性中，并传入一个方法，该方法将更改接受的$scope变量

和。

---

如果为true，则这些指令（如名称所述）将显示或隐藏关联的html对象。您可以传入$scope变量以确定布尔值。当$scope更新时，这些方法会自动更新DOM以显示/隐藏元素。

首先。。你在

上的ng repeat in应该在
• 上，你想要几个
• 而不是几个
  你到底想做什么？从你的问题，我说不出来，但是从你的HTML来看，当用户单击产品名称时，你只是想显示/隐藏产品描述？如果是：@Langdon=什么是可见的？文档没有定义它..或者我错过了it@BhumiSinghal这只是我注入到他的模型中的一个变量。@Langdon我试图将{{description}}传递给div#test，而不是切换它，这可以做到吗？我不建议使用jQuery，因为在angular中肯定有更好的方法。如何在angular中实现它可能需要另一个问题，但可能已经在某个地方得到了回答。我正在重做答案，请稍候。更新。混合使用ngClick和ngShow/Hide write jQuery-less代码。@BhumiSinghal您必须在控制器内创建一个方法并将其绑定到ng click。在其中，您可以创建范围变量，并传入更改该变量的参数

  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"}
  ];
  
  })
  

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