Hello! I am glad you are here.

Full Stack designer & developer

  • UX Design
  • Adobe
  • Agile Scrum
  • HTML
  • CSS
  • JavaScript / TypeScript/ Node
  • Angular


Angular Directives

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.

More »

Angular Output

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

More »

Angular @Input()

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

More »

Angular Component Communication

In Angular, we utilize the component structure to organize our code and functionality. This also helps us to adhere to OOP principles. We need a way to share information between components. So how do components interact in Angular? No Relation If two components are not related, they share data through

More »

Angular “Two-Way” Binding

In the previous several posts, we have looked at three types of binding (interpolation, property and event). In interpolation and property binding, the communication flows one way…from class to template. That direction when combined with Angular’s change detection allows you to programmatically update the class and change information that then

More »

Angular Event Binding

A third type of binding in Angular is event binding. This allows the component to react to raised html events. For example, you can have a button that once it is clicked, it calls a function in the component class. To use event binding, parentheses are utilized. Here is an

More »



Skip to content