Angular full detaill

Posts

Collection Framework java

Collection: ================ A collection is an object that can hold references to other objects . The collection interfaces declare the operations that can be performed on each type of collection. Collection is an Interface, and its store group of object. Framework: - Framework is a api its use to provide a readymade functionality. It represents a set of classes and interfaces. Collection Hierarchy: List: - 1. List Follow Insertion order 2. List Store Duplicate data 3. List Size not limit 4. List store data index base List interface is the child interface of collection interface.it inhibits a list type data structure in which we can store the ordered collection of objects it can cave dublicate values Exp :- List <String>list1 =new ArrayList<>(); List <Integer>list2=new LinkedList<>(); ...

Angular Interview Question and Answer

Angular Interview Questions for Freshers 1. Why were client-side frameworks like Angular introduced? Back in the day, web developers used VanillaJS and jQuery to develop dynamic websites but, as the logic of one's website grew, the code became more and more tedious to maintain. For applications that use complex logic, developers had to put in extra effort to maintain the separation of concerns for the app. Also, jQuery did not provide facilities for data handling across views. For tackling the above problems, which made life easier for the developers by handling the separation of concerns and dividing code into smaller bits of information (In the case of Angular, called Components). Client-side frameworks allow one to develop advanced web applications like Single-Page-Application. Not that we cannot develop SPAs using VanillaJS, but by doing so, the development process becomes slower. 2. How does an Angular application work? Every Angular app consists of a file named a...

ngModel in Angular

ngModel :- ================== ngModel is a directive in angular that allow two way data binding. it bind th value of an HTML control (such as input, select, or textarea) to a prperty on the component and updates that property when the user changes th evalue in the control. To use "ngModel" in Angular, you need to import the formModule in your module And add it to the "imports" array. Then you can add the "ngModel" directive to an HTML controlin your template and bind it to a property on ypur component using square brackets. Here is an example of using "ngModel" in a simple input form: Example:-  <input [(ngModel)]="name">  export class MyComponent { name: string; } ================================== E...

Architecture Of Angular

Architecture Of Angular The architecture of an Angular project can vary depending on the size and complexity of the project, but it typically follows a modular structure. Modules: Angular applications are composed of several modules, each with a specific purpose. The root module, named AppModule, is the starting point of the application and defines the components, services, and other parts of the application that are required. Additional modules can be created to organize the code and provide a clear structure for the application. Components: ============ Components are the building blocks of an Angular application and define the view and behavior of a specific part of the application. A component is composed of a template, a class, and metadata that defines the component's behavior. Services: ========= Services provide a way to share data and logic across multiple components in an Angular application. Services can be used to encapsulate ...

Observables different from Promises

💪Difference between Observables and Promises😐 observables Promises ======================================================== 1.They handle multiple asynchronous 1. They deal with asynchronous event at a time events over a period of time 2.They are lazy . they are not 2. They are not lazy. they are executed immediately executed until we after creation was the subscribe() method 3. Cancellable subscriptions 3.Promisses are not cancellable using the unsubscribe() method. 4. They deliver errors to the 4. They push the errors t...

All form module some example

Angular Some Tool FormBuilder: =========== It's a helper class in Angular that allows you to build complex forms with less code. It makes creating instances of FormControl and FormGroup easier. FormGroup: ============ It's a class in Angular that represents a group of form controls. It allows you to validate the entire form as a whole, rather than validating each control individually. FormControl: ============= It's a class in Angular that represents a single form control, such as a text input. It allows you to validate a single form control, track its value, and set its behavior, such as disabling the control. ngModel: ========= It's a directive in Angular that allows two-way data binding between a form control and a model. It makes it easier to keep the value of a form control in sync with a model. FormModule: ============ It's a module in Angular that contains the necessary logic and components for creating forms in yo...