我有一个带有不同按钮的项目列表。 <强> 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>
最佳答案
最简单的方法是使用 $scope.tags
对象来存储选定的标签,并使用类似于以下的 scope 方法添加/删除它们:
$scope.tags = {};
$scope.toggleTag = function(tag) {
if (!$scope.tags[tag]) {
$scope.tags[tag] = true;
}
else {
delete $scope.tags[tag];
}
};
关于javascript - 单击按钮使用angularjs将文本复制到另一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29683780/