در این بیست و سومین روز از مجموعه مقالات AngularJS ، ما قصد داریم تا بازیکنان کلیدی/مفهوم بعدی AngularJS را یاد بگیریم و مفهوم کوکی ها را در AngularJS درک کنیم. قبل از حرکت به سمت بازیکنان/مفاهیم کلیدی AngularJS، لطفاً مقالات قبلی من را بخوانید:
- مقدمه ای بر AngularJS – روز 1
- معرفی AngularJS – روز 2
- مقدمه ای بر AngularJS – روز 3
- مقدمه ای بر AngularJS – روز 4
- مقدمه ای بر AngularJS – روز پنجم
- مقدمه ای بر AngularJS – روز ششم
- مقدمه ای بر AngularJS – روز هفتم
- معرفی AngularJS – روز هشتم
- مقدمه ای بر AngularJS – روز نهم
- معرفی AngularJS – روز 10
- معرفی AngularJS – روز یازدهم
- مقدمه ای بر AngularJS – روز دوازدهم
- مقدمه ای بر AngularJS – روز سیزدهم
- مقدمه ای بر AngularJS – روز چهاردهم
- مقدمه ای بر AngularJS – روز 15
- مقدمه ای بر AngularJS – روز شانزدهم
- مقدمه ای بر AngularJS – روز هفدهم
- مقدمه ای بر AngularJS – روز 18
- مقدمه ای بر AngularJS – روز 19
- مقدمه ای بر AngularJS - روز 20
- مقدمه ای بر AngularJS – روز 21
- معرفی AngularJS – روز ۲۲
مقدمه
در این مقاله قصد داریم ویژگی جدید ارائه شده توسط AngularJS که 'ngCookies' است را بیاموزیم. این چیزی نیست جز ماژول جداگانه در AngularJS. این شامل عملکردی است مانند شما می توانید کوکی های مرورگر را ذخیره کنید، کوکی های مرورگر را دریافت کنید و کوکی ها را حذف کنید. خدمات و ارائهدهندههای ارائهشده توسط AngularJS 'ngCookies' در زیر آمده است:
$cookieStore
این $cookieStore عملکردی را ارائه میکند، مانند اینکه میتوانید کوکیهای مرورگر را در جفت کلید-مقدار مانند فرهنگ لغت به زبان C# ذخیره کنید. شما می توانید از این ذخیره سازی بخوانید و بنویسید. و با استفاده از تابع داخلی AngularJS toJson و fromJson، عملکرد را به صورت سریالی و deserialize می کند. روش های زیر توسط این $cookieStore به شرح زیر ارائه شده است:
- get(key)
- put(key, value)
- remove(key)
$cookies
این سرویس قابلیت خواندن و نوشتن دسترسی به کوکی های مرورگر را فراهم می کند. روش های زیر توسط $cookies به شرح زیر ارائه شده است:
- get(key) - با استفاده از این روش می توانید با پاس دادن پارامتر "key" مقدار را دریافت کنید.
- getObject(key) - با استفاده از این روش می توانید مقدار را با ارسال پارامتر "key" به آن deserialize کنید.
- getAll() - با استفاده از این می توانید تمام مقادیر کوکی را دریافت کنید.
- put(key, value, [اختیاری]) - با استفاده از این روش می توانید مقدار یک کوکی معین را با ارسال این سه پارامتر تنظیم کنید.
- putObject(key, value, [اختیاری]) - با استفاده از این روش می توانید مقدار را سریال کرده و با ارسال این پارامترها روی کوکی تنظیم کنید.
- remove(key, [اختیاری]) - با استفاده از این روش می توانید کوکی را با ارسال مقدار کلید به آن حذف کنید.
مثال:
در مثال زیر نحوه استفاده از سرویس '$cookieStore' در AngularJS را می بینیم. برای این کار باید آن ماژول را به صورت زیر دانلود و به صورت پویا تزریق کنیم:
- میتوانید مستقیماً از مسیر CDN فایل 'angular-cookies.js' استفاده کنید یا میتوانید به صورت زیر دانلود کنید و در برنامه خود قرار دهید:
2. تزریق پویا ماژول 'ngCookies' در ماژول به صورت زیر:
- $cookieStore