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

Question

我正在使用 Angular Ellipsis 指令(此处: https://github.com/dibari/angular-ellipsis )在溢出的文本上添加一些省略号。以下是对范围变量“fullText”中包含的文本执行此操作的代码。

<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;
}

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