Question

我正在尝试在我的演示中使用此插件 https://github.com/STAR-ZERO/jquery-ellipsis。但是我无法在两行之后添加省略号。请你告诉我如何在两行后添加省略号

这是我的代码：

  $('.columnCss').ellipsis({
       row: 2,
       onlyFullWords: true
  });

我在行列中获取数据。我想在列数据超过两行时添加省略号

Answer 1

Hacky解决方案如果你不想经历创建过滤器或指令的麻烦（我只会在很多地方使用它而烦恼）：

app = angular.module('app', []);
app.controller('testController', function($scope){
    $scope.arrayStrings = [
      "this is the first line of data",
      "this is the second line of data",
      "this is the third line of data"
    ]
});

在你的HTML中：

<div ng-repeat="line in arrayStrings" ng-if="$index < 2">{{line}}</div>
<div ng-show="arrayStrings.length > 2">...</div>

您不必使用DIV。几乎任何标签都可以......

Plunker

为什么省略号插件不能有角度地工作

1 个答案: