Javascript 单击按钮以使用angularjs将文本复制到另一个div

我有一个带有不同按钮的项目列表

快速查看：

我想，如果我点击任何按钮，相关文本将复制到上面的div。此外，如果我再次单击按钮，它将从Div中删除。每个按钮都是一样的。[我手动添加了一个以显示其显示方式]

我不知道怎样才能做到这一点。任何帮助都是我的救命稻草

<div ng-repeat="item in csTagGrp">
    <ul>
      <li ng-repeat="value in item.csTags">
        <div class="pull-left">
          <button type="button" ng-class='{active: value.active && !value.old}' class="btn btn-default btn-xs">{{value.keys}}</button>
          <span>=</span>
        </div>
        <div class="pull-left cs-tag-item-list">
          <span>{{value.tags}}</span>
        </div>
      </li>
    </ul>
  </div>

{{value.keys}}
=
{{value.tags}}

您可以使用

ng单击

将所选值放入您的范围，然后显示该值而不是“赢”

{{selected.tags}
...
{{value.keys}}

最简单的方法是使用

$scope.tags

对象来存储选定的标记，并使用与以下类似的scope方法添加/删除它们：

$scope.tags = {};

$scope.toggleTag = function(tag) {
    if (!$scope.tags[tag]) {
        $scope.tags[tag] = true;
    }
    else {
        delete $scope.tags[tag];
    }
};

---

演示：

这很好，但也可以有多个文本。就像我点击Win然后点击Responder，两者都会停留在那里。[Win，答辩人…]如果我再次单击相关按钮，文本将隐藏。谢谢我跳过了该部分。这是一个固定的plunkr，其中

ng单击
设置/取消设置一个
选定的
属性：为什么你这么棒？：）这太完美了。此外，这是否可能有关键的行动？按钮中的数字表示键盘键。例如：如果我在键盘上按“1”，它会像单击一样进行操作。还特别感谢您提供的附加说明。了解它是如何发生的对我帮助很大works@Raihan这有点棘手。检查更新的演示，我做了基本的实现（记得在使用键盘之前聚焦按钮区域）。我必须聚焦那个div才能执行吗？没有办法只关注页面来做同样的事情吗？如果你真的想要的话，你也可以把关键事件绑定到文档本身。再次检查更新的演示。
$scope.tags = {};

$scope.toggleTag = function(tag) {
    if (!$scope.tags[tag]) {
        $scope.tags[tag] = true;
    }
    else {
        delete $scope.tags[tag];
    }
};