Angular 5 Tutorials -Angular component Style
Hi Learner thanks to you, for reading this article. In this article ( Angular 5 Tutorials )you will learn about Angular 5 components .Before diving into this article have look on previous articles .
From previous articles you learned about how to configure Angular CLI in your local machine ,structure of the sample angular js application and basic of Angular Component and Nested Angular Component .
AngularJS is one of the structural framework to design reactive web application. It’s extend HTML Tag with Angular Attributes
Now you are looking at how to skinning your Angular 5 Application by css and selector , installation of Bootstrap with node js by Angular CLI
What is Component ?
Components are basic building block of an angular js application . Any component must be belongs to @node module in order to access for another component in Application
- Components are reusable, so you can reuse as soon as possible with selector of the component
- You need to make sure ,update the app module with import and export the components
- When you are creating the angular component with Angular CLI then the cli will automatically added in app module
Angular 5 Tutorials with Bootstrap
Bootstrap installation with Node.js by Angular CLI is npm install firstname.lastname@example.org,then hit Enter
Copy Bootstrap path from @node module
You need to consume the bootstrap form @node module to angular.json of the current component
Angular Bootstrap Example
Sample out of Above Angular 5 Application
Angular5 with custom style sheet
you can able to skinning your Angualr5 Application with your custom css. You can consume custom css form external source like style sheet of component or consume form internal style sheet
External Source :- By adding couple of css properties to html selectors and tags on component.css file
Internal Source :- By adding couple of css properties to html selectors or tags in component.ts file as like below
Thanks For take look on this article ,Like My FB page for more Angular Articles 🙂
In Next Article you will be learning about What id Data Binding ,String interpolation ,Property Binding ,Event Binding and Two Way Binding