UI可排序的动态ng模型名称

Question

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

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

＆＃34;分类＆＃34;对象：

所有类别都有项目，例如第一个＆＃34;早餐＆＃34; （匹配＆＃34;值＆＃34;类别）将如下所示：

我尝试过的事情：

<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>