javascript - AngularJs AngularUI 可排序模型链接到特定字段

Question

我正在尝试将 angularJS ui-sortable 绑定(bind)到模型中的特定值，准确地说是列表:field.sort_order。

但似乎无法让它工作，可排序的 js 代码正在工作并在模型中四处移动对象但不会更新该特定值，基本上我不知道如何将它传递给特定字段以更新/读取，这可能吗？

我有以下运行 angularJS 的脚本:

'//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js'
'//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js'  


  <tbody ui-sortable ng-model="list">
        <tr ng-repeat="(key, field) in list">
            <td><img src="/images/defaults/updown_ico_small.png"></td>
            <td><input type="text" ng-model="field.field_name" /></td>
            <td>
                <select ng-if="..." ng-model="..." ng-options="..."></select>
                <select ng-if="..." ng-model="..." ng-options="..."></select>
            </td>
            <td>
                <button ng-click="...">Delete</button>
            </td>
        </tr>
    </tbody>

这是这段代码的输出

数组示例:

1 => 
    array
      'id' => string '2' (length=1)
      'download_type' => string 'custom' (length=6)
      'download_ext' => string 'csv' (length=3)
      'project_id' => string '157' (length=3)
      'DownloadField' =>   // this is what i call 'list' in the example
        array
          0 => 
            array
              'id' => string '18' (length=2)
              'field_reference' => string 'FALSE' (length=5)
              'field_name' => string 'Delete flag' (length=11)
              'sort_order' => string '0' (length=1)
          1 => 
            array
              'id' => string '19' (length=2)
              'field_reference' => string 'CUSTOM_RESULT_QUESTION' (length=22)
              'field_name' => string 'Category ID' (length=11)
              'sort_order' => string '1' (length=1)
          2 => 
            array
              'id' => string '20' (length=2)
              'field_reference' => string 'CUSTOM_RESULT_ANSWER' (length=20)
              'field_name' => string 'Category Value' (length=14)
              'sort_order' => string '2' (length=1)
          3 => 
            array
              'id' => string '21' (length=2)
              'field_reference' => string 'company_alt_name' (length=16)
              'field_name' => string 'Exhibitor ID' (length=12)
              'sort_order' => string '3' (length=1)
 2 => 

2 将包含一组类似的数据。

Answer 1

JavaScript 对象(它们不同于关联数组，但有点像它们)没有排序，因此无法使用 ui-sortable 对它们重新排序。你必须使用一个数组。例如，您可以将对象转换成对数组。