Skip to main content

Basics of Angular

 Angular

Difference between Angulr Js and Angular

    AngularJs - versions 1 and less than 2
    Angular - Version 2 & onwards

Directive: (SAC):Angular syntax in Html.

  • Structural (change structure of html DOM) (eg. *ngIf, *ngfor)
  • Attribute (change the appearance & behaviour of HTML Elements)
  • Component (directive with template, like user control)
Binding:
  • Property binding - [ ] -component to view
  • Event binding - ( ) view to component
  • Expression binding (interpolation) - {{}} component to view
  • Two way binding - [ (  ) ] 
template variable- variable in html (template) starts with #
eg. <input type="text" #email (key.enter)="onEnter(email.value)" /> //define function onEnter(email.value), the argument in function is same as #email in html

Comments

Post a Comment

Popular posts from this blog

API Basics

 
Post a Comment
Read more

Algorithm solving Common Patterns & Techniques

  These are targeted data manipulation strategies used to handle arrays, strings, and linked lists efficiently. Two Pointers : Uses two reference pointers to iterate through a data structure simultaneously, typically from opposite ends or at different speeds (Fast & Slow pointers). Sliding Window : Maintains a subset of data (a "window") over a sequential structure to track running statistics without recalculating the whole set. Prefix Sum : Pre-computes and stores cumulative sums of an array to allow for \(O(1)\) constant-time range sum queries. Dynamic Programming (DP ): Dynamic programming is an optimization technique used to solve problems by breaking them down into simpler subproblems and storing the results of these subproblems to avoid redundant computations. It is particularly effective for problems exhibiting overlapping subproblems and optimal substructure. Greedy Algorithm Breadth-First Search (BFS) / Depth-First Search (DFS) : Systematic graph and tree travers...
Post a Comment
Read more