آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموش جداول در AngularJS

دوره آموزش SPA

رمز فایل :tahlildadeh.com

 

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

 

جداول در AngularJS

دستور ng-repeat بهترین گزینه برای نمایش دادن جدول ها می باشد.

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

نمایش دادن جدول ها توسط AngularJS امر بسیار ساده ای می باشد: 

نمونه یک


    
{{ x.Name }} {{ x.Country }}
امتحان کنید

نمایش دادن اطلاعات به وسیله ی استایل css

به منظور بهتر کردن ظاهر آن می توان مقداری css به صفحه اضافه کرد:

نمونه دو

    
امتحان کنید

به منظور مرتب سازی جدول مورد نظر، لازم است یک فیلتر orderBy اضافه کنید:

نمونه سه


    
{{ x.Name }} {{ x.Country }}
امتحان کنید

نمایش دادن به وسیله ی فیلتر uppercase

جهت نمایش دادن با حروف بزرگ، کافی است فیلتر uppercase را اضافه کنید:

نمونه چهار


    
{{ x.Name }} {{ x.Country | uppercase }}
امتحان کنید

نشان دادن اندیس جدول(index$)

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

نمونه پنج


    
{{ $index + 1 }} {{ x.Name }} {{ x.Country }}
امتحان کنید

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

نمونه شش


    
{{ x.Name }} {{ x.Name }} {{ x.Country }} {{ x.Country }}
امتحان کنید

  • 1067
  •    1278
  • تاریخ ارسال :   1394/09/19

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .