如何使用limitTo动态过滤以显示长文本

时间:2018-12-04 16:27:20

标签: javascript angularjs angularjs-directive angular-filters

我有一条生成数据表的指令。

我必须在此数据表中的一列中显示一个限制文本,因此我想要一个当单击链接时显示全文的链接。诸如“或多或少”之类的东西。

我在下面有此代码。我相信代码是正确的,我得到了这个解决方案here

<tbody  ng-init="limit = 10; showed = false">
            <tr ng-repeat="row in dataPaginated | orderBy: orderDefinitions">
                <td ng-repeat="column in columns | orderBy: 'id'" ng-style="{ 'white-space' : (column.nowrap) ? 'nowrap !important' : 'normal' }"
                    ng-show="column.checked">


                    <div ng-if="column.isRichText">
                          <!--  I've already tried initiate the limit and showed variables here --> 
                        <div >
                            {{ row[column.mapProperty] | limitTo : limit  }}
                            <a ng-if="column.isRichText" ng-show="row[column.mapProperty].length > limit" href
                            ng-click="limit = row[column.mapProperty].length ; showed = true">more</a> 
                            <a ng-if="column.isRichText" ng-show="showed" href
                            ng-click=" limit=10"> less</a>
                        </div>
                    </div>

                    <div ng-if="">
                        <!--  When the column isn't richText -->
                    </div>
                </td>
            </tr>
    </tbody>

但是它不起作用,出现了链接more,当我单击限制时,更新了,但是没有显示全文和链接less

0 个答案:

没有答案