Why http? Most front-end applications communicate with backend services over the HTTP protocol. Angular offers an easy to use HttpClient API for developers. What is HttpClient? HttpClient is a powerful tool Angular offers to help REST API connections. Angular HttpClient has and interface that concludes all common used request types as well as hook for […]
What is a Service? A service is typically a class with a narrow, well-defined purpose. Angular provides flexibility to factor your application logic into services and make those services available to components through dependency injection. Service classes are decorated with @Injectable() decorator to show they can be injected to some other services or components. What
What is Angular Pipe? Pipes are used to transform data, when we only need that data transformed in a template. Basically a pipe is an operator that takes a stream of inputs, transforms it, and returns. The pipes may be chained to perform complex operations, or they can be directed with some input parameters. Pipes
What is Data Binding? Data binding is a process that creates a link between the application’s user interface and data. When the values of the data change, the elements of the user interface are linked to the data. Angular handles data binding by synchronizing the state of the view, with the data in the component.
What are attribute directives? Attribute directives are a way of changing the appearance or behaviour of a component or a native DOM element. Ideally, a directive should work in a way that is component agnostic and not bound to implementation details. Angular has built-in attribute directives such as ngClass and ngStyle that work on any
What are structural directives? Structural directives are responsible for HTML layout. They shape or reshape the DOM’s structure, typically by adding, removing, or manipulating elements. As with other directives, you apply a structural directive to a host element. The directive then does whatever it’s supposed to do with that host element and its descendants. Structural
Angular 4.3 brought us a new easier way to handle HTTP requests with the HttpClient library. I mentioned how powerful this tool is in my previous post; Introduction to Angular HttpClient Now it’s time to explore another of the powerful angular features: interceptors. Interceptors provide a mechanism to intercept and/or mutate outgoing requests or incoming responses. Interceptors are a way
Creating an Angular Component Angular-CLI creates a component with all required configuration with a simple command; `ng g c name-of-your-component`. This will create the component bundled in a folder that has the same name with your component name. The Component Class Angular-CLI generated the component class in the typescript file. @Component decorator contains the connections
Angular 4.3 introduces a new easier way to handle HTTP requests with the HttpClient library. It’s available under a new name to avoid causing breaking changes with the current Http library. HttpClient basically performs HTTP requests and also gives us advanced functionality like the ability to listen for progress events and interceptors to monitor or modify requests or responses.
A Directive modifies the DOM to change appearance, behaviour or layout of DOM elements. Directives are one of the core building blocks Angular uses to build applications. Angular components are a subset of directives, always associated with a template. Unlike other directives, only one component can be instantiated per an element in a template. A
