2

次のようなオブジェクトがあります。

Object {0: 0, 1: 2, 2: 4, 3: 6, 4: 8, 5: 11, 6: 13, 7: 15, 8: 17, 9: 19, 10: 22, 11: 24, 12: 26, 13: 28, 14: 30, 15: 33, 16: 35, 17: 37, 18: 39, 19: 41, 20: 44, 21: 46, 22: 48, 23: 50, 24: 52, 25: 55, 26: 57, 27: 59, 28: 61, 29: 63, 30: 66, 31: 68, 32: 70, 33: 72, 34: 74, 35: 77, 36: 79, 37: 81, 38: 83, 39: 85, 40: 88, 41: 90, 42: 92, 43: 94, 44: 97, 45: 99, 46: 101, 47: 103, 48: 105, 49: 108, 50: 110, 51: 112, 52: 114, 53: 116, 54: 119, 55: 121, 56: 123, 57: 125, 58: 127, 59: 130, 60: 132, 61: 134, 62: 136, 63: 138, 64: 141, 65: 143, 66: 145, 67: 147, 68: 149, 69: 152, 70: 154, 71: 156, 72: 158, 73: 160, 74: 163, 75: 165, 76: 167, 77: 169, 78: 171, 79: 174, 80: 176, 81: 178, 82: 180, 83: 182, 84: 185, 85: 187, 86: 189, 87: 191, 88: 194, 89: 196, 90: 198, 91: 200, 92: 202, 93: 205, 94: 207, 95: 209, 96: 211, 97: 213, 98: 216, 99: 218…}

セレクトボックスのng-optionsで使用しています。しかし、私はそれらを間違った順序でレンダリングしました:

1 10 100 101 ... 11 110

選択ボックスの値を整数としてソートするにはどうすればよいですか? 一般的に、自然な並べ替え関数を使用する必要があります。このようなものhttps://github.com/overset/javascript-natural-sort/blob/master/naturalSort.jsしかし、このリストには数字しかなく、私の場合はもっと簡単な解決策があるのでしょうか?

オブジェクトのキーと整数を扱う角度を何らかの方法で作成することは可能でしょうか?

plunkr は次のとおりです: http://plnkr.co/edit/mUBM0egiS8pl8odaWQQY?p=preview

4

2 に答える 2

9

ソート順を保証するには、リストを配列に変換する必要があります。 オブジェクト ハッシュマップを使用して並べ替え順序を保証することはできません。そのようには機能しません。

最善の策 — パフォーマンス面 — は、コントローラーでオブジェクトを変換することです。

var values = {...}
$scope.selectOptions = [];
angular.forEach(values, function(value, key) {
    $scope.selectOptions.push({
        key: value,
        label: key
    });
});
$scope.selectOptions.sort(mySortingFunction);

あなたの見解では：

<select model="selected" ng-options="opt.key as opt.label for opt in selectOptions"></select>

これにより、ラベルが元のオブジェクトのプロパティ キーであり、値が元のオブジェクトのプロパティ値である選択が作成されます。

並べ替えをオンザフライで行う場合は、フィルターとして実行できますが、潜在的なパフォーマンスの問題に備えてください。

app.filter("naturalSortedObject", function() {
    return function(obj) {
        var result = [];
        angular.forEach(obj, function(value, key) {
            result.push({
                key: value,
                label: key
            });
        });
        result.sort(mySortingFunction);
        return result;
    }
});

次に、次のように使用します。

<select model="selected"
    ng-options="opt.key as opt.label for opt in selectOptions | naturalSortedObject"></select>

また、あなたはすでに自然なソートアルゴリズムを持っていますが、既にAngular フィルター & モジュールとして使用するように設計されているものが必要な場合は、私が書きました. それはかなりうまく統合されており、キャッシングの方法で使用して少し速くすることができます。

于 2013-08-10T23:07:51.100 に答える
1

これを試すことができます：

Javascript

self.foo = []
angular.forEach [9..364], (i, el) ->
    self.foo.push({ key: el, value: ~~(el / 0.45359237) })

HTML

<select ng-options="item.value as item.key for item in foo" ng-model="w"></select>
于 2013-08-10T23:34:55.373 に答える