در این مقاله در خصوص موضوعی صحبت خواهم کرد که شاید مشکل اکثر برنامه نویسان باشد؛ مخصوصا در استفاده از پلاگینهای jQuery در پروژههای AngularJS. مطمئنا برای شما هم پیش آمده که نیاز داشته باشید تابعی را بعد از اتمام Render در AngularJS صدا بزنید یا متوجه اتمام Render بشوید. سوال اول: چرا این بحث مطرح هست؟ وقتی شما از AngularJS در پروژهای استفاده میکنید و سبک کاری شما Model Based یا بهتر بگویم MVVM میباشد، عملیات Binding ...
در این مقاله قصد دارم تکنیکی ساده ولی در عین حال موثر را معرفی کنم که در نوشتن کنترلرها بسیار کارآمد است. همانطور که میدانید به طور معمول برای تعریف متدها و پراپرتیهای درون کنترلر و انتقال آن به View، از دو روش انتساب به scope$ و controller as استفاده میشود. در AngularJs متدی به صورت built-in وجود دارد که قادر است یک شیء را درون شیء دیگر کپی کند. این متد در بسیاری از مواقع بسیار کارآمد است که به بررسی آن خواهیم پرداخت. جزئیات بیشتر و ...
در بخش پیشین کلیات کتابخانهی Restangular را بررسی کردیم. در این بخش قصد داریم تا در طی یک پروژه، امکانات و قابلیتهای بینظیر این سرویس را در یک پروژهی واقعی مشاهده کنیم. کلیات پروژه در این پروژه قصد داریم تا لیست کتابهای یک کتابخانه را نمایش دهیم. این کتابها قابلیت ویرایش نام دارند و همچنین شما میتوانید کتابهای جدیدی را به لیست کتابها اضافه نمایید. تصویر زیر خروجی این پروژه است: پایگاه دادهی برنامه با نام Li ...
برای مطالعهی این مقاله شما باید به مواردی از قبیل کتابخانهی AngularJs ، تعاملات بین کلاینت و سرور و همچنین معماری RESTful تسلط کافی داشته باشید و ما از توضیح و تفصیلی این سرفصلها اجتناب میکنیم. خیلی خوب بپردازیم به اصل مطلب: Restangular چیست؟ کتابخانه RestAngular بنا به گفته ناشر در مستندات Github آن، یک سرویس توسعه داده شده AngularJs میباشد که کدهای نوشته شدهی برای پیاده سازی فرآیندهای Request/Response کلاینت و سرور ...
در بخش پیشین چند مورد از قابلیتهای angular-translate را بررسی نمودیم. در این بخش به بررسی باقی موارد میپردازیم. ex7_load_static_files در این مثال خواهیم دید که چگونه یک فایل translate table در موقع فراخوانی به صورت On Demand بارگذاری خواهد شد. در قدم اول اسکریپتهای زیر به صفحه افزوده میشوند. <script src="Scripts/angular.js"></script>
<script src="Scripts/angular-cookies.js" ...
در این بخش قصد دارم تا در قالب یک پروژه، تمامی قابلیتهایی را که در angular-translate و ماژولهای مرتبط با آن وجود دارند، به شما معرفی کنم. پروژهی نمونه را از لینک زیر دریافت نمایید: AngularJs-Translate-BestPractices.zip
این پروژه در 12 بخش گوناگون تقسیم بندی شدهاست که هر کدام در قالب یک فایل HTML میباشد و تمامی اسکریپتهای مورد نیاز به آن افزوده شدهاست. هر بخش به صورت مجزا به شرح یک ویژگی کاربردی در angular-translate میپ ...
از اولین مقالهای که در مورد AngularJS در این سایت منتشر کردم، بیش از دو سال میگذرد. در آن زمان فقط از این فریمورک تعریف و تمجید کردم؛ اما بد نیست بعد از چند تجربهی کاری دلایل تنفری را که نسبت به آن پیدا کرده ام، نیز بیان کنم. اگر عبارت why I hate angularjs را در گوگل جستجو کنید، میبینید که فقط من این عقیده را پیدا نکردهام و افراد دیگری نیز هستند که مثل من فکر میکنند و حتی از لحاظ فنی AngularJS را به چالش کشیدهاند. برای مثال ...
در بخش قبلی به معرفی ماژول angular-tanslate پرداختیم. در این بخش قصد داریم تا به بررسی مفهومی قابلیتهای موجود در این ماژول بپردازیم. شکل زیر یک شمای کلی را از قابلیتهای angular-translate، نمایش میدهد. همانطور که ملاحظه میکنید در مواردی نظیر ذخیره سازی زبانها، بارگذاری ریسورسهای زبانها و گرامرهای استفاده در DOM راهکارهای گوناگونی دارد. angular-translate دایرکتیو و فیلتر هایی را به صورت کامپوننت عرضه کرده است که شما میتوا ...
در این مقاله قصد داریم با استفاده از ماژول Angular-Translate امکان ایجاد یک سیستم چند زبانه را تشریح کنیم. angular-translate یک ماژول توسعه داده شده AngularJs میباشد که با استفاده از i18n و l10n، قابلیت چند زبانه را به صورت Lazy Loading برای شما فراهم میکند. شما میتوانید با خط فرمان زیر، در بخش package-manager، کتابخانههای مربوط به angular-translate را به نرم افزار خود اضافه نمایید: Install-Package AngularTranslate
...
ASP.NET Identity 2.1 جدیدترین فریم ورک عضویت و مدیریت کاربر است که چندی پیش توسط شرکت مایکروسافت منتشر شد. این سیستم عضویت میتواند به تمامی فریمورکهای دات نتی مانند Web API، MVC و ... متصل گردد. در این دوره چند قسمتی به همراه یک پروژهی نمونه، نحوهی ارتباط Identity و Web API را نمایش خواهیم داد. در قسمت front-end این پروژهی SPA، ما از AngularJs استفاده خواهیم نمود. قسمت front-end که توسط AngularJs توسعه داده میشود از bearet token ...