Concept In Angular Day 14

Lecture 14 : Concept In Angular

What is ngModel :

  • ngModel is Angular’s answer to the two-way data binding problem.

  • Previously in AngularJS, there was no way to perform a binding which would update automatically.

What are Directives :

  • Directives are markers on a DOM element that tell AngularJS to attach a specified behaviour to that DOM element or even transform the DOM element and its children.

  • Angular includes various built-in directives. In addition to this, you can create custom directives for your application.

ng-model Directive :


  • The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.

  • With the ng-model directive you can bind the value of an input field to a variable created in AngularJS.

Two-Way Binding :


  • The binding goes both ways. If the user changes the value inside the input field.

  • Two-way binding, we can display a data property as well as an update that property when the user makes changes.

  • Two-way binding works in both directions are setting the value and fetching the value. 

  • The two-way binding uses a specific name pattern.

Component :

  • Decorator that marks a class as an Angular component and provides configuration metadata that determines how the component should be processed, instantiated, and used at runtime.

  • A component must belong to an NgModule in order for it to be available to another component.

Module :

  • In Angular, a module is a mechanism to group components, directives, pipes and services that are related, in such a way that can be combined with other modules to create an application.

  • An Angular application can be thought of as a puzzle where each piece (or each module) is needed to be able to see the full picture.

Model :

  • The model in an MVC-based application is generally responsible for modeling the data used in the view and handling user interactions such as clicking on buttons, scrolling, or causing other changes in the view.


View :

  • AngularJS supports Single Page Application via multiple views on a single page. 

  • To do this, AngularJS has provided ng-view and ng-template directives.

  • Simple Structure :


Declarative Vs Imperative :

  • Angular is built around the belief that declarative code is better than imperative when it comes to building UIs and wiring software components together, while imperative code is excellent for expressing business logic.

  • It is a very good idea to decouple DOM manipulation from app logic.

Declarative :

  • Declarative is a programming paradigm that expresses the logic of a computation(What do) without describing its control flow(How do).

  • The declarative programming try to blur the distinction between a program as a set of instructions and a program as an assertion about the desired answer.

Imperative :

  • Imperative is a programming paradigm that describes computation in terms of statements that change a program state.

  • The imperative programs can be dually viewed as programming commands or mathematical assertions.

Comments

Post a Comment

Popular posts from this blog

Basic Concept In C Sharp Day 16

Image
Lecture 16 : Basic Concept In C Sharp C Sharp : C#  (pronounced  see sharp , like the musical note C♯, but written with the number sign) is a general-purpose, multi-paradigm programming language encompassing static typing, strong typing, lexically scoped, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines. C# was developed around 2000 by Microsoft as part of its .NET initiative and later approved as an international standard by Ecma (ECMA-334) in 2002 and ISO (ISO/IEC 23270) in 2003. It was designed by Anders Hejlsberg, and its development team is currently led by Mads Torgersen, being one of the programming languages designed for the Common Language Infrastructure (CLI). The most recent version is 9.0, which was released in 2020 in .NET 5.0 and included in Visual Studio 2019 version 16.8. C-sharp musical note : " C sharp " was inspired by the musical notation whereby a sharp symb
Read more

VS Code In JavaScript Day 6

Image
Lecture 6 : VS Code In JavaScript What is VS Code : Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. VS Code was announced on April 29,2015 by Microsoft at the 2015 Build conference. Why did we build VS Code : Visual Studio Code combines the simplicity of a source code editor with power developer tooling, like IntelliSense code completion and debugging. First and foremost, it is an editor that gets out of your way. The delightfully frictionless edit- build- bebug cycle means less time fiddling with your environment, and more time executing on your ideas. IntelliSense : IntelliSense is a general term for a variety of code editing features including : code completion, parameter information, quick information, and member list. IntelliSense features are sometimes called by other name such as "code completion", "content assist", and "code hinting".
Read more

ASP.NET MVC Interview Questions Part - II Day 26

Image
Lecture 26 : ASP.NET MVC Interview Questions Part - II 1) How is the URL structure of MVC core ? URL structure of MVC core is controller name with action name. Example : localhost:1234/{controller}/{action name}. The "localhost:1234" is considered as a controller name. 2) If the view name is different than action name how to invoke it  ? If the view name is different from action name we have to write and the view in double quotes. 3) How do we define navigation using anchor tag ? The HTML <a> element (also called the anchor element), containing its href attribute, creates a hyperlink to other web pages, locations within the same page, location to a specified title of another web page, or to an email web page.  The <a> tag defines a hyperlink, which is used to link from one page to another. The navigations can be defined using anchor tag as <a href="/Controller name/Action name"></a>. 4)  How to pass mode
Read more