Angular.js使用JSON文档中的单个元素

时间:2014-04-09 13:22:19

标签: json angularjs date formatting

我有一些JSON,例如

  [{
    'name': 'test',
    'phone': '012345678',
    'date': '02/03/2014'
   },
   { ... }
  ]

控制器类似于:

var app = angular.module('App', []);


app.controller('NameListCtrl', function($scope, $http) {

    $http.get('/api/v1/names.json').success(function(names) {
            $scope.names = names;
    });
});

HTML / JADE类似:

div#names(ng-controller="NameListCtrl")
   li.course_list(ng-repeat="name in names | orderBy:'date1'")
    span
     {{name.date}})                    // I want to do some formatting on this
    span
     {{name.name}}

我想在每个日期执行格式化操作,有没有使用过滤器的方法?我见过使用$httpProvider的内容。

1 个答案:

答案 0 :(得分:1)

在控制器中执行此操作的方法...插入您自己的filter功能。

app.controller('NameListCtrl', function($scope, $http, $filter) {

    $http.get('/api/v1/names.json').success(function(names) {
          angular.forEach(names, function(item){
              item.date = $filter('date')(item.date, "shortDate");
          });
          $scope.names = names;
    }); 
 });

您也可以使用jade并执行:

{{name.date|date:'shortDate'}})