Angular provides a Router to make it easier to define routes for the web applications and to navigate from one view to another view in the application. What is routing? When a user enters a web application or website, routing is their means of navigating throughout the application. To change from one view to another, […]
What is Observables? Observables are data objects that stream data in array like fashion to open up a continuous channel of communication in which multiple values of data can be emitted over time. An observer can subscribe to an Observable. Then that observer reacts to whatever item or sequence of items the Observable emits. What
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
