如何動態添加/刪除指令AngularJS

Question

我使用Angular Ellipsis指令（這裏：https://github.com/dibari/angular-ellipsis）在溢出的文本上放置一些省略號。下面是代碼，它爲範圍變量「fullText」中包含的文本執行此操作。

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

我也很喜歡，有充分展現文本的能力，未ellipsised（如果這是一個字......）當我點擊一個按鈕，說。據我所知，這個指令並沒有給我一個簡單的方法來做到這一點。

什麼是最好的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; 
} 

但是，最好的辦法是讓指令直接處理它。