javascript - 我应该怎么做才能限制字符数？

Question

我正在开发一个应用程序来显示来自 WordPress 帐户的帖子，但是其中一些帖子太长了，所以我需要限制要显示的字符数，比如 300 个字符，并实现一个按钮“阅读更多” ……”

有什么 Angular 方法吗？

或

我怎样才能做到这一点？

angular.module('urbanet.app.service', [])

.service('FreshlyPressed', function($http) {
  return {
    getBlogs: function($scope) {
      $http.jsonp('https://public-api.wordpress.com/rest/v1.1/freshly-pressed?callback=JSON_CALLBACK')
        .success(function(result) {
          $scope.posts = result.posts;
        });
    }
  }
})

.controller('NewsCtrl', function($scope, $log, FreshlyPressed) {
  $scope.posts = [];
  $scope.doRefresh = function() {

    FreshlyPressed.getBlogs($scope);
    console.log('PRESSED');

  }
  $scope.doRefresh();
});

这是我正在使用的代码。

Answer 1

您可以像使用 Angular 数组一样使用 limitTo 过滤器

<p>
   <span ng-if="showall">{{postbody}}</span>
   <span ng-if="!showall">{{postbody | limitTo:300}}</span>
   <div ng-if="postbody.length > 300" ng-click="showall = !showall">read more...</div>
</p>