AngularJS实现主表行数据移至收藏表的问题求助

咱们先梳理下你当前代码里的几个核心问题，然后一步步把它搞定：

问题1：收藏表的ng-show上下文不匹配 #

你收藏表用ng-repeat="x in containers"循环，但判断显示的是ng-show="item.isfavorite"——这里的item是主表循环里的局部变量，和收藏表的x不在同一个作用域，根本没法关联到当前行的收藏状态。得改成用当前循环项自身的属性，也就是ng-show="x.isfavorite"。

问题2：主表中item.isfavorite的初始化和绑定混乱 #

你在按钮和图标上都加了ng-init="item.isfavorite = false;"，这会导致重复初始化，而且如果item不是对应container的引用，状态也不会正确绑定到容器数据上。建议去掉多余的ng-init，直接在控制器初始化时给每个container统一设置默认的收藏状态。

问题3：AddFavorite方法未实现核心逻辑 #

目前你的方法只做了console.log，得补充切换状态、关联数据的实际逻辑。

修正后的完整代码示例 #

控制器部分

先给每个container初始化收藏状态，再实现AddFavorite的核心逻辑：

// 假设你已经获取到containers数据，先初始化所有项为未收藏
$scope.containers.forEach(function(container) {
  container.isfavorite = false;
});

// 优化后的收藏切换方法
$scope.AddFavorite = function(container) {
  // 直接切换当前容器的收藏状态
  container.isfavorite = !container.isfavorite;
  // 这里可以加后端API调用，比如把收藏状态同步到服务器
  console.log('收藏状态更新:', container.containerId, container.isfavorite);
};

主表核心代码（修正绑定）

确保按钮绑定的是当前container的状态，简化模板里的逻辑：

<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 ">
  <!-- 这里应该还有遍历分组下容器的循环，比如： -->
  <div ng-repeat="container in account.containers track by container.containerId">
    <!-- 你的其他表格内容 -->
    
    <!-- 修正后的收藏按钮 -->
    <md-button ng-class="{yellow : container.isfavorite}" 
               ng-click="AddFavorite(container)" 
               class="md-icon-button md-accent md-warn" aria-label="Favorite">
      <ng-md-icon icon="favorite"></ng-md-icon>
    </md-button>
    <p ng-if="container.isfavorite">Remove from favorites</p>
    <p ng-if="!container.isfavorite">Add to favorite</p>
  </div>
</md-card>

收藏表代码（修正显示逻辑）

推荐用过滤器只筛选收藏项，比ng-show性能更优：

<table>
  <tr ng-repeat="x in containers | filter:{isfavorite: true} track by x.containerId">
    <td>{{ x.containerId }}</td>
    <td>{{ x.accountId }}</td>
  </tr>
</table>

额外优化建议 #

• 尽量避免在模板里直接修改数据（比如之前的container.isfavorite = !container.isfavorite），把所有状态切换逻辑放到控制器的方法里，让数据管理更集中。
• 如果收藏的数据不需要和主表共享状态，也可以单独维护一个$scope.favorites数组，点击时把container添加/移除到这个数组，收藏表直接循环favorites数组，逻辑会更清晰。

内容的提问来源于stack exchange，提问作者Asim