açısal sınırı kaldırmak için Tıklatın ng-click

Question

Bu yüzden bir gönderi listem var ve bunların hepsi farklı uzunluklardadır, bu yüzden onları 500. karakterde kesiyorum, ancak geri kalanını ng-click üzerinde göstermek istiyorum. Bunu yapmak için bazı "açısal yol" var gibi görünüyor ama google yoluyla bulamadık.

<ul id = "postsList"> 
    <li ng-repeat="post in Posts" > 
    <p>{{ post.messageBody | limitTo:500 }}</p> 
    <button ng-click = "undoLimitTo()">View</button> 
    </li> 
</ul> 

Answer 1

I like it yazardı: limiti için

set düzenlenebilir değer ve Posts uzunluk vermek

<ul id = "postsList"> 
    <li ng-repeat="post in Posts" ng-init="limit= 500"> 
    <p>{{ post.messageBody | limitTo:limit }}</p> 
    <button ng-click = "limit = Posts.length">View</button> 
    </li> 
</ul> 

Ben kontrolöre eklersiniz

Answer 2

bu deneyin:

<ul id = "postsList" ng-init="limit = 500"> 
    <li ng-repeat="post in Posts" > 
    <p>{{ post.messageBody | limitTo:limit }}</p> 
    <button ng-click = "limit = Number.MAX_SAFE_INTEGER">View</button> 
    </li> 
</ul> 

DÜZENLEME

Bu saçmalık. Tüm gönderilerin limitini değiştirir.

Denetleyicinizde, Posts ürününe limit özelliğini ekleyebilirsiniz. Ve sonra:

<ul id = "postsList"> 
    <li ng-repeat="post in Posts" > 
    <p>{{ post.messageBody | limitTo:post.limit }}</p> 
    <button ng-click = "post.limit = post.messageBody.length">View</button> 
    </li> 
</ul>