angularjs - UI 可排序的动态 ng-model 名称

Question

我有两个嵌套的 ng-repeat 来列出不同类别的菜肴，并且我正在使用 UI Sortable 来对这些列表进行排序。后者的 ng-model 名称是动态的（与列出的类别的值匹配），我根本不知道如何设置该名称并使其工作。

我使用 $eval() 在 ng-repeat 中设置该动态名称并且工作正常，但对模型尝试相同但它不起作用。有任何想法吗？谢谢！

“类别”对象：

所有类别都有项目，例如第一个“早餐”（匹配类别的“值”）将如下所示：

我试过的：

<div ng-repeat="cat in categories">   

    <div class="row">                               
            <div class="category-title">{{cat.name}}</div>
    </div>                            

     <div ui-sortable ng-model="cat.value">
<!-- <div ui-sortable ng-model="$eval(cat.value)"> -->
        <div class="row" ng-repeat="(key,dish) in $eval(cat.value)">                
            <div class="dish-title">{{dish.name}}</div>              
        </div>
    </div>    

</div>      

Answer 1

以下应该有效：

<div ui-sortable ng-model="this[cat.value]">
  <div class="row" ng-repeat="(key,dish) in this[cat.value]">
    <div class="dish-title">{{dish.name}}</div>
  </div>
</div>