单击按钮将文本复制到另一个带有angularjs的div

Question

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

快速查看：

如果我点击任何按钮，我想要的东西，相关的文字将被复制到上面的div。此外，如果我再次点击该按钮，它将从每个按钮的Div.Same中删除。 [我手动添加一个以显示它可能如何显示]

我不确定如何在Angular中做到这一点。任何帮助都将是我的生命保护。

<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>

Answer 1

您可以使用ng-click在您的范围内输入所选值，然后显示此值而不是“赢”。

http://plnkr.co/edit/IzwZFtRBfSiEcHGicc9l?p=preview

<div class="myboard">
  <span>{{selected.tags}}</span>
</div>
...
<button type="button" ng-click="select(value)">{{value.keys}}</button>

Answer 2

最简单的方法是使用$scope.tags对象存储选定的标签，并使用与此类似的范围方法添加/删除它们：

$scope.tags = {};

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

演示： http://plnkr.co/edit/FrifyCrl0yP0T8l8XO4K?p=info