Concept of speed: Speed is an indication of how fast an object is moving. It is a scalar quantity that refers only to the magnitude, which means speed is something that’s measurable on a scale that shows how large it is. The SI unit of speed m/s. The dimensional formula of speed is $[$$M^{0}LT^{-1}$$]$. Uniform … Read more
Concept of coordinate system: Every day, we see lots of things moving around. For example, a vehicle is passing through from one place to another. In scientific terms, an object is said to be in motion, if it changes its position with time; and at rest, if it does not change its position with time. … Read more
Motion with uniformly accelerated motion is a motion in which the velocity of an object changes at the same rate throughout the motion. First equation of motion: For an object moving with constant acceleration, its average acceleration and instantaneous acceleration are equal. $a_{avg}=\frac{v_{2}-v_{1}}{t_{2}-t_{1}}$ Let u be the velocity at time t = 0, and v … Read more
Forms in Angular 8 are used to handle the user’s input, enable users to log in, update profile, enter information, and to perform different data-entry tasks. To handle the user’s input through forms, there are 2 approaches in Angular 8: Reactive forms Template-driven forms Reactive Forms vs. Template-driven Forms: For the collection of the user’s … Read more
Any change in the template (view) in one-way data binding was not reflected in the component. The two-way binding, however, facilitates to update data from component to view and from view to the component. The automatic synchronization of data happens in Two Way Data Binding between the Model and the View. It means that changes … Read more
To handle the events raised from the DOM like button click, mouse movement, etc event binding is used in Angular 8. The specified method is called by event binding in the component when the DOM event happens (eg. click, change, keyup). The cookBacon() method in this example is called from the component when the button … Read more
Being the core concept of Angular 8, data binding makes it easy to define interactive applications without worrying about pushing and pulling data, by defining the communication between a component and the DOM. The data binding can be understood as a communication between the typescript code of a component and the template that the user … Read more
Being a one-way data-binding technique String Interpolation is used to output the data from a TypeScript code to an HTML template (view). To display the data from the component to the view, the template expressions are used by the String Interpolation in double curly braces. The value of a property is added by the String … Read more
Property Binding is also a one-way data-binding technique. It, however, binds a property of a DOM element to a field which is a defined property in the component TypeScript code. The string interpolation is internally converted into property binding by Angular. Example: <img [src]=”imgUrl” /> Property binding has an advantage of shorter and cleaner code … Read more
The ngSwitch in Angular 8 is a structural directive that is similar to the switch statement of C#. Being used to Add/Remove DOM Element, this directive is applied to the container element with a switch expression. Syntax of Angular 8 ngSwitch Directive: <container_element [ngSwitch]="switch_expression"> <inner_element *ngSwitchCase="match_expresson_1">…</inner_element> <inner_element *ngSwitchCase="match_expresson_2">…</inner_element> <inner_element *ngSwitchCase="match_expresson_3">…</inner_element> <inner_element *ngSwitchDefault>…</element> </container_element><container_element [ngSwitch]="switch_expression"> <inner_element … Read more