标签: angularjs-limitto

我有一份物品清单及其信息。问题是我想显示最多50字符的描述。如果超过这个值我想显示一个show more按钮。单击该按钮后，我想显示全文。我想用过滤器来做到这一点，但我不知道如何实现这一点。

{{jobs.description | limitTo: 2}}{{jobs.description.length>20 ? '...':''}}

我可以<a href="">show more</a>在字符位置写链接吗...？

或者还有其他方法可以实现我的目标吗？

我想限制"ng-repeat"显示JSON数据时显示的字符数.这个应用程序在RoR框架内使用AngularJS.目前我有以下代码显示每个"item.description",但不限制字符串中的字符数为25.

HTML:

<div ng-controller="MyController">
  <ul>
    <li ng-repeat="item in artists">
     {{item.description | limitTo:25}}
    </li>
  </ul>
</div>

控制器:

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

myApp.controller("MyController", function MyController($scope, $http){
$http.get("/assets/data.json").success(function(data){
    $scope.artists = data;
  });

我还尝试将"limitTo:"选项放在"ng-repeat"中,但这限制了显示的"item.description(s)"的数量,并没有限制字符串/内容.我按照这些说明解决了这个问题:https://docs.angularjs.org/api/ng/filter/limitTo