In the last post, I briefly discussed JS constructors. In that post, I showed how to create an instance of a constructor with the new operator. Our constructor was rather ‘blah’. So let’s see how we can access constructor instance properties and methods. The aforementioned constructor code gives us a
If you come from a classical object-oriented language, then constructors are second nature to you. They are a recent phenomenon in JS. If you utilize something like TypeScript, which is a superset of JS, then you utilize constructors all the time. In vanilla JS, constructors are simply function objects. This
Angular structural directives allow us to change the DOM structure (hence the name). In Angular, we use the *ngIf as a structural directive. Basically, if it evaluates to ‘true’, then the element is inserted into the DOM. If it is ‘false’, the element is removed. The above div would be
Angular directives allow the creation of DOM elements. We can also change the structure and behavior of the elements. There are three types of Angular directives… Components – directives that have templates. Attribute – directives that change appearance and behavior or elements. Structural – directives that change the DOM layout.
In a previous post, we looked at sharing data from parent to child component. How do we go from child to parent? We use the @Output decorator. Angular is really a one-way data flow. We can do two-directional with banana in a box (see a previous posting I did about
One of the ways we can pass data from a parent to a child is by using the @Input decorator. The data passed can be in any form. Let’s examine how to do this in code… Since AppComponent is utilizing <app-child>, it is the parent component to the AppChildComponent. To
