Skip to main content


Showing posts from July, 2023

Host Element Selector in Angular for CSS Styling

  Well, our application is just about complete, but if we go back and look at our original mock up, notice how the mockup shows all of our different cards spanning from left to right inside of our application, they're going vertically in this video. I just want to add in a little bit of custom CSSs to make sure that these cards span left to right now in order to do this, are going to have to understand a little bit more about how angular handles css. In particular, we need to understand one real small corner case that you really need to be aware of. To help you understand how to style the stuff, I'm going to first just show you directly what access rules are going to apply to which element inside the browser. Once we understand what we're going to apply and which element we're going to apply it to, will then go back over to our editor and we'll figure out how to essentially translate the css into the angular  world. OK, so I'm going to right. Click anywhere on t

Communicating from parent to child component in Angular

How this internal communication happens.  If we use @Input() decorator on any property it means the value of this property will be set by the parent component. @Input() title=' ';