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
What is Bootstrapping in Angular? The bootstrapping process sets up the execution environment, digs the App Component out of the App Module’s bootstrap array in its NgModule arguments and creates an instance of the App Component to insert it within the element tag identified by the App Component ’s.selector. What is Component? The components are
What Is Bootstrapping in Angular? The bootstrapping process sets up the execution environment, digs the App Component out of the App Module’s bootstrap array in its NgModule arguments and creates an instance of the App Component to insert it within the element tag identified by the App Component ’s.selector. Relevant codes can be found in
What is Angular-CLI? Angular CLI stands for Angular Command Line Interface. It is a command line tool for creating angular apps. Angular-CLI provides you with boilerplates for a quick start and configures everything you need for development such as development server and a build process for deployment. What is package.json? Every Angular project is a
