March 2020 – Full Stack Soup

Angular Child Parent Child Communication with @ViewChild

By -Danny B.
Posted on March 31, 2020March 20, 2022
Posted in Angular

Overview Although there is a way for siblings to communicate, there is also the option for a child to emit data to a parent component which can update another child component. In this scenario you have a layout (Parent Component) with a form (Child Component) and a data table (Child Component). The form will emit

HTML CSS Vertical Scroll Table Example

By -Danny B.
Posted on March 29, 2020March 29, 2020
Posted in Angular, Full Stack Development

How to get the contents inside of a table to scroll vertically with a fixed header. The CSS portion of this solution was provided by nkmol on stackoverflow.com. Use the following in your css file or style tags. The data table should look similar to the following: The rest of this how to article is

Angular RxJS Map

By -Danny B.
Posted on March 21, 2020December 15, 2021
Posted in Angular, Full Stack Development

In this example, we want to get individual property values from an API call. For instance, calling an API to get the historical price data for a particular stock and show it in a chart. The map function can get single columns of data such as date and price. OR If the the code above