این پنجمین مقاله ای است که به عنوان بخشی از مجموعه مقالات "بیایید یک برنامه Angular توسعه دهیم" منتشر شده است.
لطفاً دو مقاله اول من را بخوانید تا ایده ای در مورد آنچه در این سری از مقالات انجام می دهیم به دست آورید.
برای خواندن مقاله قبلی من، لطفا اینجا کلیک کنید >> #4 - ایجاد مدل برای موجودیت دوچرخه ما
در این مقاله قصد داریم کارهای زیر را انجام دهیم:
- هر آیتم آرایه را در متغیر «bikeEl» به مؤلفه فرزند «bike-list-box» از مؤلفه برنامه منتقل کنید.
- نمایش جزئیات هر شی دوچرخه در قسمت دوچرخه فهرست جعبه
در اینجا، قصد داریم با دکوراتور @Input() آشنا شویم.
@Input decorator یک فیلد کلاس را به عنوان ویژگی ورودی علامتگذاری میکند.
ویژگی ورودی به یک ویژگی DOM در قالب متصل است. در طی تشخیص تغییر، Angular به طور خودکار ویژگی داده را با مقدار ویژگی DOM به روز می کند.