顯示/隱藏 長文字

今天遇到一個問題,在頁面中公司簡介太長,使用者要捲一下才能看到其他的資訊,所以應該要只顯示200個字,然後加上 show more 打開,之後用 show less 收起來。。。

到這裡請停一下,要是你會用什麼關鍵字來找解法呢?是自己想解法寫程式?還是去套即有的元件呢?最好是你自己先試著解決,之後再接著看下去收穫較多。

capture

因為我們的專案是 AngularJs 所以我搜尋了 “angular show more less”,,找到了一個不錯的東西 (MIT license)

https://github.com/ismarslomic/angular-read-more

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s