در یکی از پروژههایی که دارم از AngularJS و ASP.NET MVC استفاده میکنم. به هنگام استفاده از درخواستهای ایجکسی توسط سرویس http$ به مشکل عدم تشخیص ایجکسی بودن درخواست برخوردم. توسط فیلتری که در اینجا توضیح داده شده و قرار دادن آن قبل از اکشن مورد نظر، میتوانیم تشخیص بدهیم که آیا درخواست رسیده از سمت کلاینت، ایجکسی است یا خیر؟ که در صورت ایجکسی نبودن درخواست، با صادر کردن یک استثنا مانع از اجرا شدن اکشن شویم. این فیلتر از اکستنشنی به نام I ...
وقتی پروژه انگیولاریتان کمی گسترش پیدا کند، تعداد زیادی فایل شامل کنترلرها، سرویسها، دایرکتیوها و ... خواهید داشت. واضح است که همه این اجزا همراه با هم مورد نیاز نیستند و برای افزایش سرعت بارگذاری سایت و صرفه جویی در مصرف پهنای باند بهتر است هرکدام از آنها را در هنگام نیاز بارگذاری کنیم. این یعنی همان lazy loading خودمان! در AngularJS امکانی برای lazy loading فایلها پیشبینی نشده است، پس باید از ابزارهای دیگری که این امکان را فراهم م ...
UI-Router ابزاری برای مسیریابی در AngularJS است که این امکان را برایتان فراهم میکند تا بخشهای برنامه رابط کاربریتان را به شکل یک ماشین حالت ساماندهی کنید. برخلاف سرویس route$ که بر اساس مسیریابی URLها ساماندهی شده و کار میکند، UI-Router بر اساس حالتها کار میکند، که این حالتها میتوانند در صورت لزوم مسیریابی هم داشته باشند. UI-Router یکی از افزونههای مجموعه Angular-ui ، و پاراگراف بالا معرفی آن در صفحه خانگیش ...
زیرنویسهای فارسی قسمت دوم را اینجا می توانید دریافت کنید. لیست سرفصلهای قسمت دوم به شرح زیر است : 01-Introduction
02-Controllers and Scope
03-Demo. Controllers
04-Demo. Displaying Repeating Information
05-Demo Handling Events
06-Built-in Directives
07-Event Directives
08-Other Directives - Part 1
09-Other Directives - Part 2
10-IE Restrictions
11-Expressions
12-Filters
13-Built-in Filters
14-Writing ...
بعد از مطالعه پستهای ^ و ^ نکته ای به ذهنم رسید که بیان آن از بنده و مطالعه آن توسط شما خالی از لطف نیست. اگر مثالهای پیاده سازی شده در پستهای ^ و ^ را با AngularJs نسخه 1.2 اجرا نمایید به طور حتم با خطا روبرو میشوید و نتیجه مورد نظر حاصل نمیشود. در این پست نیز توسط یکی از دوستان اشاره ای به این مطلب شد.
دلیل خطا این است که از نسخه 1.2 به بعد در Angular سیستم مسیر یابی به این شکل امکان پذیر نیست و بخش م ...
با توجه به پستها منتشر شده قبلی درباره AngularJs به احتمال قوی شما نیز به این نتیجه رسیده اید که این فریم ورک برای انواع پروژهها به ویژه پروژه هایی با مقیاس بزرگ بسیار مناسب است. منظور از ساختار پروژه Angular این است که به چه سبکی فایلهای پروژه را سازمان دهی کنیم طوری که در هنگام توسعه و تغییرات با مشکل مواجه نشویم. عموما کدهای مربوط به بخش frontend پروژه دارای ساختار قوی نمیباشند در نتیجه developerها بیشتر سلیقه ای کدهای مربوطه ...
می خواهیم یک مثال ساده از دریافت اطلاعات از سرور و نمایش آن در یک View را توسط AngularJS، با هم بررسی کنیم. همانطور که میدانید برای نمایش تعدادی از اشیاء در انگولار میتوان به این صورت نیز عمل کرد: <div ng-init="products=[
{id:1,name:'product1',price:25000,description:'description of product'},
{id:2,name:'product2',price:5000,description:'description of product'},
{id:3,name:'product3',price:5000,description ...
سایت pluralsight یک دوره آموزشی با عنوان AngularJS Fundamentals تهیه کرده است، که به آموزش مقدمات AngularJS و اینکه چگونه میتوانیم برنامه هایی با قابلیت تست پذیری، SPA و به سبک MVC بنویسیم، میپردازد. فعلاً قسمت اول این مجموعه زیرنویس شده است که از اینجا قابل دریافت میباشد، جهت مشاهده ویدئوها نیز پیشنهاد میشود از برنامه KMPlayer استفاده کنید. لیست ویدئوهای قسمت اول این مجموعه به شرح زیر است : Course Introduction
M ...
در بخشهای پیشین ( بخش اول و بخش دوم ) به خوبی با اصول و روش مسیریابی (Routing) در AngularJS آشناشدیم. در این بخش میخواهم به برخی جزئیات درباره مسیریابی بپردازم. اولین موضوع، تغییراتی است که از نسخه 1.2 به بعد در روش استفاده از سرویس مسیریابی در AngularJS بوجود آمده است. از نسخه 1.2 سرویس مسیریابی از هسته اصلی AngularJS خارج شد و برای استفاده از امکانات این سرویس باید فایل angular-route.js و یا angular-route.min.js ...
در پستهای قبلی با مفهوم ng-app آشنا شدید. دایرکتیو ng-app برای استفاده از راه انداز خودکار فریم ورک Angular (معروف به auto-bootstrap) استفاده میشود. در حالت پیش فرض، به ازای هر سند Html فقط میتوان یک ماژول در Angular تعریف کرد. در سند مربوطه اولین المانی که دارای دایرکتیو ng-app باشد به عنوان عنصر ریشه در نظر گرفته میشود و تمام عناصر تعریف شده در محدوده این دایرکتیو قایل استفاده برای ماژول مورد نظر خواهد بود. سایر عناصر حتی اگر ng-a ...