Webolution Designs

When you use the Angular CLI to create a component, it will automatically create a selector, templateUrl and styleUrl for you. The templateURL will be set to the component HTML template. You can pass information back and forth between your template and component class. Ways to Use a Component There

As you build your application, you will create services. An Angular component is to contain logic for the view, while services contains logic for the component. For example, a call to an API to get data is one example a job that a services performs. This is where providers come

In an earlier post, I wrote about using template html to render your Angular component. CSS styles work similarly. You can provide css styles specific to a component. Just like template and templateUrl, you can use css styles inline with the styles metadata and externally with the styleUrls metadata. If

A component can be utilized with a component selector. This is not a requirement. For example, a component can be accessed via routing. In those cases, you can omit the selector. Otherwise, a selector is basically a “tag” that you can insert into your component template to display the content

In Angular, a component is used to manipulate/operate the view. The view is the template. It is comprised of html and Angular directives/binding. So a template is the part of the component that is rendered for the end user to see. There are two ways to accomplish the template rendering.

As I mentioned in my last post, Angular components are decorated with decorator metadata (@Component). The component decorator is a function that takes an object as a parameter. In the decorator, we can set various property values to create the desired component behavior. The properties used most often are… template