Question

我使用Angular Ellipsis指令（这里：https://github.com/dibari/angular-ellipsis）在溢出的文本上加上一些省略号。以下是为范围变量＆＃39; fullText＆＃39;中包含的文本执行此操作的代码。

<div data-ng-bind="fullText" data-ellipsis></div>

我也喜欢，当我点击一个按钮时，能够显示全文，未省略（如果这是一个单词......）。就我所知，这条指令并没有给我一个简单的方法。

最好的AngularJS方法是什么？我对AngularJS很陌生，还没有编写任何指令 - 是否有一种非指令性的方式来优雅地完成这项工作？

Answer 1

您可以使用ng-if或ng-show / ng-hide：

<div data-ng-bind="fullText" data-ellipsis ng-if="condition"></div>
<div data-ng-bind="fullText" ng-if="!condition"></div>
<button ng-click="toggle()">Toggle</button>

// In controller :
$scope.toggle = function() {
    $scope.condition = !$scope.condition;
}

但最好的方法是让指令直接处理它。

如何动态添加/删除指令AngularJS

1 个答案: