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:-
<!-- component.html -->
<input [(ngModel)]="name">
<!-- component.ts -->
export class MyComponent {
name: string;
}
==================================
E2E in Angular
==================================
End to End (E2E) Testing
Unit tests are small, simple
and fast process whereas, E2E testing phase
multiple components are involved and works together which cover
flows in the application. To perform e2e test, type the below
command −
========================================================
Two-way data binding in Angular is a mechanism that allows to synchronize the data between the model (JavaScript object) and the view (HTML template). This is achieved by binding a property of a DOM element to a property of the component's model, and also listening to the changes of the DOM element property and updating the model.
An example of two-way data binding in Angular can be as follows:
<input [(ngModel)]="name">
<p>Hello {{name}}!</p>
In this example, the ngModel directive is used to bind the value of
the input element to the name property of the component's model.
The square brackets ([]) around ngModel indicate that this is a one-way
binding from the model to the view. The parentheses (()) indicate that
this is also a one-way binding from the view to the model, allowing
changes in the input element to be reflected in the model and vice
versa.
ng e2e
very helpfull
ReplyDeletehelpfull
ReplyDeletegood
ReplyDelete