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