Unlock the Power of Built-in Angular Providers

Angular ships with a collection of 25 built-in services. Thirteen of them are registered as providers, which means that we can configure them before they are instantiated for the first time. Configuring some of these providers can have a real impact on our application performance and behavior. Let's explore some… »

AngularJS quick tip #2 : Catch Internal Exceptions

We don't like to see our console painted in red. But when AngularJS throw an exception, we can't catch it unless we patch the source code (and we don't want to it..). So how can we catch Angular internal exceptions? Read on.. Peeking into the AngularJS source code reveals that… »

AngularJS quick tip #1 : ng-class

Intro The ng-class core directive makes dynamic css classes easy and straightforward. In conjunction with ng-repeat, we can create dynamic HTML templates by choosing the right css class based on model attributes. ng-class The ng-class directive accepts a hash (javascript Object) where the keys are the names of the css… »

אפשרויות ROUTING באפליקצית ANGULARJS

הרצאה שהעברתי ב- ng-conf שהתקיים בגוגל קמפוס ביולי 2014 אודות אפשרויות routing באפלקצית AngularJS. במהלך ההרצאה אני סוקר את את ngRoute ואת ui-router. את המצגת עצמה אפשר להוריד מאתר האירוע: NG-CONF את הקוד לדוגמה ניתן להוריד מכאן הקלטה של ההרצאה… »

Dependency Injection

אנגולר עושה שימוש נרחב ב-Dependnecy Injection (הזרקת תלויות) על מנת לשמור על הקוד שלנו גמיש ומודלרי. כאשר אנחנו יוצרים אובייקט, controller לדוגמה, כל מה שאנחנו צריכים כמפתחים על מנת להשתמש ב- service מסויים זה פשוט לציין את שמו, אנגולר ידאג לאתר אותו, לייצר instance שלו, ו״להזריק״ אותו ל- controller.… »

חזרה על NG-REPEAT

ng-repeat הוא ה- directive היחיד שמאפשר לנו לשכפל אלמנטים ב- DOM בהתאם למבנה נתונים ב- scope. בפוסט הזה אדגים שימושים נפוצים של ה- directive. שימוש בסיסי חזרה על array פשוט: (function () { function RepeatController () { this.colors = ['red', 'green', 'blue', 'yellow','pink']; } angular.module('repeat.app',[]) .controller('RepeatController',RepeatController); }()); ng-repeat חושף עבורנו… »