javascript - 单击按钮使用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

最简单的方法是使用 $scope.tags 对象来存储选定的标签，并使用类似于以下的 scope 方法添加/删除它们:

$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