angular สร้าง pipe แสดง Time Ago ภาษาไทย

ถ้าใช้ angular แล้วกำลังมองหา pipe สำหรับ time ago ภาษาไทย อาจหายากสักหน่อย
เลยจำเป็นต้อง custom กันหน่อย แต่ก็ไม่ได้ทำเองหมดมีต้นแบบจาก https://github.com/AndrewPoyntz/time-ago-pipe

หรือใครอยากเอาไปใช้เลยก็ตามนี้ครับ

ก่อนใช้ก็ add pipe เข้าไปใน app.module ให้เรียบร้อย

import { TimeAgoThaiPipe } from ‘./pipe/TimeAgoThaiPipe’;
@NgModule({
   declarations: [
       …
       TimeAgoThaiPipe

   ]

})

add เสร็จก็เรียกใช้ ใน html ไฟล์ได้เลยครับ

<span>{{post.UpdatedAt | timeAgoThai}}</span>

จบครับ หวังว่าจะมีประโยชน์นะครับ
  • Suriya Moonsin

    สุดยอดครับ