آموزش انگولار متریال

مباحث پایه انگولار متریال

Form Controls در انگولار متریال

Navigation در انگولار متریال

Layout در انگولار متریال

Buttons - Indicators در انگولار متریال

Popups - Modals در انگولار متریال

Data Table در انگولار متریال

کنترل Tree در انگولار متریال 7 – آموزش انگولار متریال

  • چهارشنبه ۱۰ شهریور ۱۴۰۰
  • بازدید ۵۸۰ نفر

تصویر angular-material-7-tree_6398 کنترل Tree در انگولار متریال 7 – آموزش انگولار متریال

کنترل Tree در انگولار متریال

<mat-tree> یک دستورالعمل انگولار است که به منظور ایجاد ساختار درختی با استایل متریال دیزاین مورد استفاده قرار می گیرد. در این بخش چگونگی ایجاد و استفاده از این کنترل را با استفاده از یک مثال ساده بررسی خواهیم کرد.

محتوای فایل app.module.ts:

محتوای فایل app.component.html:

محتوای فایل app.component.ts:

نتیجه

بعد از اجرای برنامه خروجی زیر را مشاهده خواهید کرد:

تصویر angular-material-7-tree_6398_2 کنترل Tree در انگولار متریال 7 – آموزش انگولار متریال

جزئیات

  • در ابتدا ما با استفاده از دستورالعمل های mat-tree و mat-tree-node یک درخت را ایجاد کرده ایم.
  • سپس داده های موجود در کلاس کامپوننت را به درخت ایجاد شده بایند کردیم.
ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است