angularjs - AngularJS でのリストの反転と書式設定

Question

Angular はまったく新しいものです。私はこれを持っています：

<input ng-model="mysequence" ng-list>

<span>{{mysequence}}</span>

に変わり1,2,3ます["1","2","3"]

最善の (最も簡単な、または最も慣用的な) 方法は何ですか?

1. リストを逆にする
2. フォーマットする

この興味深いフレームワークで？例えば：3! 2! 1!

Answer 1

orderBy次のように使用できます。

HTML

<div ng-app ng-controller="MyCtrl">
    <div ng-repeat="item in list | orderBy:'id':true">
        <span>{{item.value}}</span>!
    </div>
</div>

JS

function MyCtrl($scope) {
    $scope.list = [{
        id: 1,
        value: '1'},{
        id: 2,
        value: '2'}];
}

Answer 2

orderByフィルター ( http://docs.angularjs.org/api/ng.filter:orderBy ) を使用してリストを逆にし、次のような書式設定を処理するカスタム フィルターを作成できるはずです。

angular.module('myApp')
.filter('formatNumbers', function() {
    return function(input) {
        return input + "!";
    };
});

これで、次のようなことができるはずです

<div ng-repeat="i in mysequence | orderBy::true">
    {{i|formatNumbers}}
</div>