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>