Angular Learning

What is SPA - Singel Page Applications

  • There is no complete page re-load that is only required areas are updated instead of reloading the page each and every page at postbacks
  • Speed up the page load and navigation for the users
  • Similar to Desktop applications user experience
  • It gives feeling like there is only one page. Ex : Gmail is developed using SPA
  • I mean we need responsive web apps
  • How to achieve SPA is that we need to use Javascript Frameworks such as AngularJS, KnockoutJS EmberJS, React etc
Why we need Angular

  • I want Bi-directional dataBinding 
  • I want to keep HTML separate and Javascript code separate so that we can make use of code-reuse
How do I tell the browser that the page is AngularJS is that we need to add directive called "ng-app" to either html tag, Div tag or Body tag

What is Directives - It is a special kind of attributes [which has meaning described inside the angular js file referred] for an HTML element

Ex: ng-app , ng-init , ng-hide , ng-show, 
ng-true-value and ng-false-value for checkboxes
ng-options for dropdown or list boxes
ng-repeat mostly for loop like
ng-bind - It binds expression value to the HTML element
ng-model - what ever data we type in input element like textbox, will be stored inside that ng-model assigned variable. It means two way data binding [ what ever we type in model will reflect in view]

Module [nothing but it is a logical unit] - It is like a namespace which contains set of classes
Controllers - it is Javascript function used to prepare data [Models] that can be rendered in HTML page [Views]

$Scope - it is an object where we can store Model  and binds data between HTML pages View and controller

Comments

Post a Comment

Popular posts from this blog

Understanding Async and Await

Image
  To understand Async and Await, first we need to understand about 'Task'.  Task - This is used create thread but it will create thread from the thread pool and not from the computer operating system unlike normal Thread object in c# does. This is used to perform async operations 1. Task<TResult> - This return is used when the async method that returns a value. 2. Task - This return type is used when the async method does not return any value. 3. void - This return type is used for an event handler. We saw that concurrency refers to, in one way or another, doing several things at the same time. That concept of concurrency encompasses parallel programming and asynchronous programming. Parallel programming refers to the use of multiple threads simultaneously to solve a set of tasks. For this, we need processors with adequate abilities to perform several tasks at the same time. In general, we use parallel programming to gain speed. Asynchronous programming refers to the e...
Read more

Understanding ref and out + C#7.0 features

Image
ref and out - these are used in situations where some methods required to return multiple values from the method parameter list itself and not using 'return'  keyword, where method does not have 'return' keyword. Difference is -  1:ref variables must and should initialize or assigned the values before calling the method  2:out variables must be initialize or assigned the values inside the method. That is before leaving the method. In C#6.0, the out variables must and should be declared before calling the method. But in c#7.0,  the out variables can directly declared inside the method parameters c# 6.0 ------- int x , int y; obj.Math1(out x , out y); Here before using the variable it must be declared. c# 7.0 ------- obj.Math(out int x , out int y); Here we no need to declared it before using it in method parameters Tuple c# 6 ======= Tuple - these are used in situations where some methods required to return multiple values from the method, where method does have 'ret...
Read more