将表格行从一个表格移动到另一个表格 - AngularJS
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将表格行从一个表格移动到另一个表格 - AngularJS相关的知识,希望对你有一定的参考价值。
我有一个关于ng-repeat
的问题,并将数据从一个表移动到另一个表。基本上我有一个表是"master"
并显示来自API请求的所有数据,在我填充表中后,我在每行上都有一个像"favorite-this-row"
一样的按钮。在用户点击"favorite-this-row"
之后,我希望它将行移动到另一个名为"favorite-table"
的表并在此处显示数据。
这是我的“大师”表:(我不会把整张桌子粘贴在有需要的部位)
<md-card flex="45" flex-sm="100" flex-md="100" flex-xs="100"
ng-show="(account|filter:searchName).length > 0"
ng-repeat="account in containers | groupBy: 'accountId' | toArray | filter:searchName track by $index ">
... Bunch of html code down......
**//Favorite button**
<md-button ng-init="item.isfavorite = false;"
ng-class="{yellow : item.isfavorite}"
ng-click="item.isfavorite =!item.isfavorite; AddFavorite(item.isfavorite,container.containerId)"
class="md-icon-button md-accent md-warn" aria-label="Favorite">
<ng-md-icon icon="favorite" ng-init="item.isfavorite = false;"></ng-md-icon>
</md-button>
<p ng-if="item.isfavorite">Remove from favorites - {{item.isfavorite}} </p>
<p ng-if="!item.isfavorite">Add to favorite</p>
现在这是我的“最爱”表:
<table>
<tr ng-repeat="x in containers" ng-show="item.isfavorite">
<td>s{{ x.containerId }}</td>
<td>s{{ x.accountId }}</td>
</tr>
</table>
当我点击按钮<md-button ng-init="item.isfavorite = false;" ....>
我希望它切片并移动到我最喜欢的表,只是重复containerId
和accountId
。你可以看到香港专业教育学院添加ng-show="item.isfavorite"
但它不起作用/显示。
AddFavorite(item.isfavorite,container.containerId)"
只是控制器中的console.log
。
希望有人能帮助我,谢谢!
答案
正如@avius说它应该是account
而不是项目也在favirote表中它应该是x
而不是item
之类的东西像
<md-button class="md-raised" ng-click="account.isfavorite =!account.isfavorite">Button</md-button>
<p ng-if="account.isfavorite">Remove from favorites - {{account.isfavorite}} </p>
<p ng-if="!account.isfavorite">Add to favorite</p>
<tr ng-repeat="x in containers" ng-show="x.isfavorite">
以上是关于将表格行从一个表格移动到另一个表格 - AngularJS的主要内容,如果未能解决你的问题,请参考以下文章