使用角度6的文本的更多/更少按钮

Question

当前，我使用Jquery（jsfiddle.net/ax2UR/1）添加了更多/更少按钮。但是现在我需要使用角度来做到这一点。如果您知道任何教程，请发送链接。

<ul *ngFor="let room of roomDetail; let i = index">
 <li>
    RoomName : {{room.details}} <button>More/Less </button>
 </li>

以上是我的工作的样本数据。我想你能理解我的问题

Answer 1

参见Stackblitz

我已在此处添加了显示更多/更少功能