• ۲۹
  • مرداد
توضیحات
  • دسته‌بندی‌ها : آموزش جاوا اسکریپت
  • بازدید : 349
جلسه ۱۲ : کار با Tables یا جداول در AngularJS
  • جزئیات
  • kنوع محتواآموزش تصویری

فیلم های آموزشی آکادمی پی وی لرن

  • آموزش های مرتبط

  • ۲۹
  • مرداد

جلسه ۱۲ : کار با Tables یا جداول در AngularJS

  • دسته‌بندی‌ها :
  • بازدید : 349

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش  آموزش AngularJS را دنبال می کنند. پس از برررسی کامل سرویس های مهم AngularJS، در ادامه سری آموزشهای AngularJS در این بخش قصد داریم که به مباحث چگونگی کار با Tables یا جداول در AngularJS ، بپردازیم. در این آموزش شما را با مباحثی از جمله ورود داده در جداول ، تغییر Style جداول و مرتب سازی داده ها در جداول AngularJS ، آشنا خواهیم کرد.

قبل از مرور آموزش فوق، ابتدا شما باید چگونگی ایجاد و کار با جداول را در html بدانید. چراکه در این آموزش باید جدولی در کد html از قبل، طراحی کرده باشید تا بتوانیم کدهای AngularJS را روی آن اجرا کنیم.

کار با Tables یا جداول در AngularJS

دستور ng-repea برای نمایش و کار با جداول در AngularJS ، مناسب است.

نمایش داده ها در جدول

نمایش جداول در آنگولار بسیار ساده است:

مثال : نمایش داده ها در جداول

خودتان امتحان کنید »

مثال : 

نمایش جداول با کدهای CSS

برای نمایش CSS در جدول، یک کد CSS را به جدول اضافه کنید:

مثال : افزودن CSS به جدول

خودتان امتحان کنید »

مثال : 

نمایش جدول بعد از استفاده از فیلتر مرتب سازی

مثال : استفاده از فیلتر مرتب سازی در جدول

خودتان امتحان کنید »

مثال : 

استفاده از فیلتر uppercase در جدول

مثال : استفاده از فیلتر uppercase در جدول

خودتان امتحان کنید »

مثال : 

نمایش index جدول

برای نمایش index جدول، از یک تگ <td> به همراه سرویس $index استفاده کنید:

مثال : نمایش index جداول

خودتان امتحان کنید »

مثال : 

استفاده از سرویس های $even و $odd

مثال : استفاده از سرویس های  $even و $odd

خودتان امتحان کنید »

مثال : 

کلام آخر

در آموزش فوق که با عنوان کار با Tables یا جداول در AngularJS ، ارائه گردید. شما را با دستکاری داده ها ی جداول از جمله مرتب سازی و تغییر فرمت آن ها در AngularJS ، آشنا کردیم. امیدواریم که از مباحث فوق به خوبی استفاده کرده باشید.

این پست را ارزیابی کنید
QR:  جلسه ۱۲ : کار با Tables یا جداول در AngularJS
به اشتراک بگذارید