آموزش ارتقا به Angular 1.6

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• فایل های تمرینی Exercise files

• Angular 1 مدرن چیست؟ What is modern Angular 1?

• تصمیم به ارتقا یک برنامه موجود بگیرید Decide to upgrade an existing app

• نمای کلی از مراحل پیش رو Overview of steps ahead

• به Angular 1.6 ارتقا دهید Upgrade to Angular 1.6

1. کنترل کننده های راهنما 1. Controllers to Directives

• کنترل کننده های مستقل را حذف کنید Remove standalone controllers

• بسته بندی كنترلرها در بخشنامه ها Wrap controllers in directives

• محدوده بخشنامه ها را جدا کنید Isolate scopes of directives

• از دستورالعمل ها به عنوان اهداف مسیر استفاده کنید Use directives as route targets

2. از کنترلر استفاده کنید 2. Use controllerAs

• مزایای نحو کنترلر Benefits of controllerAs syntax

• کد کنترل کننده را تغییر دهید Convert a controller’s code

• تبدیل الگوی کنترلر Convert a controller’s template

• دامنه $. $ تماشای و کنترل کننده $scope.$watch and controllerAs

3. دستورالعمل ها برای قطعات 3. Directives to Components

• آشنایی با مؤلفه ها Introduction to components

• بلوک ساختاری قطعات Building block of components

• بخشنامه ها و مؤلفه ها را با هم مقایسه کنید Compare directives and components

• تبدیل یک بخشنامه Convert a directive

4. قلاب چرخه کامپوننت 4. Component Lifecycle Hooks

• تنظیم "$ onInit" را انجام دهید Perform setup in `$onInit`

• برای همگام سازی تغییرات لازم از $ onChanges استفاده کنید Use `$onChanges` to sync binding changes

• ساعتهای عمیق را با "$ doCheck" جایگزین کنید Replace deep watches with `$doCheck`

• با $ $Destroy تمیز کنید Clean up with `$onDestroy`

• "$ postLink" و "$ element" `$postLink` and `$element`

• برای عبور از وابستگی از "نیاز" استفاده کنید Use `require` to pass dependencies

5. اتصال یک طرفه داده ها 5. One-Way Data Binding

• اتصال یک طرفه در مقابل اتصال دو طرفه One-way binding vs. two-way binding

• اتصال دو طرفه را به یک روش تبدیل کنید Convert two-way binding to one way

• جریان داده های یک طرفه و تغییر ناپذیری One-way data flow and immutability

6. اجزاء تست 6. Testing Components

• از ContentController استفاده کنید Use componentController

• $ onChanges را امتحان کنید Test $onChanges

نتیجه Conclusion

• مراحل بعدی Next steps