Как использовать фильтр limitTo для динамического отображения длинных текстов

Question

У меня есть директива, которая генерирует таблицу данных.

Мне нужно сделать так, чтобы столбец в этой таблице данных показывал текст ограничения, поэтому я хочу ссылку, которая показывает полный текст, когда я нажимаю нассылка.Что-то вроде «более или менее».

У меня есть этот код ниже.Я считаю, что код правильный, я получаю это решение здесь

<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 не показывается.