Angular JS截断文本并添加更多内容

Question

我有一个ng-repeat正在输出一些<p>.我想截断文本并添加一个更多的按钮,当您单击它时会展开.

这是我到目前为止:

//NG-repeat
<div class="col-xs-4 mbm" ng-repeat="wine in wines">
    <p readMore> {{wine.copy|truncate: textLength }} 
        <a ng-click="changeLength()" class="color3"><strong>More</strong></a>
    </p>
</div>

//NG-click
$scope.changeLength = function() {
    $scope.textLength = 9999;
}

我有一个自定义指令,能够截断字符串的长度.但是当尝试通过修改文本长度时,ng-click我发现修改了所有项目ng-repeat.

有没有办法改变单个ng-repeat项目？

Answer 1

目标wine为ng-click:

<p readMore> {{wine.copy|truncate: wine.textLength }} 
    <a ng-click="changeLength(wine)" class="color3"><strong>More</strong></a>
</p>

然后只截断目标文本:

$scope.changeLength = function(wine) {
    wine.textLength = 9999;
}