{"id":2973,"date":"2023-12-27T11:22:03","date_gmt":"2023-12-27T11:22:03","guid":{"rendered":"https:\/\/www.kaashivinfotech.com\/blog\/?p=2973"},"modified":"2025-07-24T10:45:25","modified_gmt":"2025-07-24T10:45:25","slug":"basic-angular-interview-questions-and-answers","status":"publish","type":"post","link":"https:\/\/www.kaashivinfotech.com\/blog\/basic-angular-interview-questions-and-answers\/","title":{"rendered":"Basic Angular Interview Questions and Answers"},"content":{"rendered":"<h2>Basic Angular Interview Questions and Answers<\/h2>\n<p><a href=\"https:\/\/www.kaashivinfotech.com\/blog\/install-angular-on-windows-macos-linux-2025\/\">Angular<\/a>, a dynamic and comprehensive open-source web application framework developed by Google, stands at the forefront of modern web development. At its core, <a href=\"https:\/\/angular.dev\/\" target=\"_blank\" rel=\"noopener\">Angular<\/a> embraces a component-based architecture, organizing applications into modular components that encapsulate specific functionalities and user interface elements. Written in TypeScript, a statically-typed superset of JavaScript, Angular not only enhances the readability and maintainability of code but also provides a strong foundation for building scalable and robust single-page applications (SPAs). This combination of modularity and language features empowers developers to create highly responsive and interactive web experiences.<\/p>\n<p>One of Angular&#8217;s distinctive features is its commitment to two-way data binding, a mechanism that facilitates seamless synchronization between the application&#8217;s data model and the user interface. This bidirectional data flow simplifies development, allowing developers to build dynamic applications with less boilerplate code. Additionally, Angular incorporates a powerful dependency injection system, promoting the creation of loosely coupled, reusable components. This architectural choice enhances code maintainability, encourages code reusability, and facilitates unit testing, contributing to a more efficient and reliable development process.<\/p>\n<p>Angular&#8217;s versatility extends beyond its core features to include a comprehensive suite of tools, such as the Angular CLI (Command Line Interface). The CLI streamlines various development tasks, from project initialization to building, testing, and deploying applications. With cross-platform compatibility and an active and vibrant community, Angular has established itself as a leading framework, providing developers with the tools they need to tackle modern web development challenges and deliver engaging and scalable web applications.<\/p>\n<ol>\n<li>\u00a0<\/li>\n<\/ol>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">1. What is Angular ?<\/a><\/p>\n<ul>\n<li>Angular is a popular\u00a0<strong>open-source JavaScript<\/strong>framework developed by Google for building dynamic web applications. It uses\u00a0<strong>declarative templates, dependency injection, and two-way data binding<\/strong>\u00a0to create complex user interfaces with\u00a0<strong>less code.<\/strong><\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">2. What are the key features of Angular ?<\/a><\/p>\n<ol>\n<li><strong> Two-way data binding :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Allows for automatic synchronization of data between the model and view.<\/li>\n<\/ul>\n<ol start=\"2\">\n<li><strong> Dependency injection :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Provides a way to manage dependencies and create loosely coupled components.<\/li>\n<\/ul>\n<ol start=\"3\">\n<li><strong> Directives :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Allow for extending HTML with custom behavior.<\/li>\n<\/ul>\n<ol start=\"4\">\n<li><strong> Modular architecture :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Helps in organizing the application into smaller, manageable modules.<\/li>\n<\/ul>\n<ol start=\"5\">\n<li><strong> Testing :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Provides built-in support for unit testing using tools like Jasmine and Karma.<\/li>\n<\/ul>\n<ol start=\"6\">\n<li><strong> Routing :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Offers client-side routing for building single-page applications (SPAs).<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">3. What are the differences between AngularJS and Angular ?<\/a><\/p>\n<p>AngularJS is the first version of Angular, also known as\u00a0<strong>Angular 1.x,<\/strong>\u00a0while Angular is the latest version, also known as\u00a0<strong>Angular 2+<\/strong>\u00a0or just Angular. Some key differences are.<\/p>\n<ul>\n<li>Angular is written in\u00a0<strong>TypeScript,<\/strong>while AngularJS is written in\u00a0<\/li>\n<li>Angular uses a\u00a0<strong>component-based<\/strong>architecture, while AngularJS uses a\u00a0<strong>directive-based<\/strong><\/li>\n<li>Angular has\u00a0<strong>better performance<\/strong>and\u00a0<strong>improved loading times<\/strong>\u00a0compared to AngularJS.<\/li>\n<li>Angular uses a\u00a0<strong>hierarchical dependency<\/strong>injection system, while AngularJS uses a\u00a0<strong>global dependency<\/strong>\u00a0injection system.<\/li>\n<li>Angular has a more\u00a0<strong>modular structure<\/strong>with improved tooling, making it\u00a0<strong>easier to maintain<\/strong>\u00a0and scale compared to AngularJS.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">4. What are Angular directives ?<\/a><\/p>\n<p>Angular directives are a powerful feature of the Angular framework, which is a popular open-source JavaScript framework for building web applications. Directives are used to extend the functionality of\u00a0<strong>HTML by allowing<\/strong>\u00a0developers to create\u00a0<strong>custom HTML elements, attributes, or CSS classes<\/strong>\u00a0that can be used in Angular templates to provide additional behavior or functionality.<\/p>\n<p>There are\u00a0<strong>three types<\/strong>\u00a0of Angular directives:<\/p>\n<ol>\n<li><strong> Component Directives :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>These are the most common type of directives in Angular and are used to create reusable components with their own\u00a0<strong>view, data, and behavior.<\/strong>Components are typically used to\u00a0<strong>create UI elements, such as buttons, forms, and cards,<\/strong>\u00a0and can be composed to create complex user interfaces.<\/li>\n<\/ul>\n<ol start=\"2\">\n<li><strong> Attribute Directives :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>These are used to\u00a0<strong>modify the behavior or appearance of existing HTML elements<\/strong>by applying custom behavior to them. Attribute directives are typically used to\u00a0<strong>add or modify behavior<\/strong>\u00a0on elements like input fields, buttons, or images.<\/li>\n<\/ul>\n<ol start=\"3\">\n<li><strong> Structural Directives :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>These are used to\u00a0<strong>manipulate the structure<\/strong>of the DOM (Document Object Model) by\u00a0<strong>adding, removing, or manipulating<\/strong>\u00a0elements based on certain conditions. Structural directives are typically used for tasks such as conditionally rendering content, looping through lists, or dynamically creating components.<\/li>\n<\/ul>\n<p>Directives are a key part of Angular&#8217;s declarative approach to building web applications, where the behavior and appearance of components are defined in the template, making it easier to understand and maintain the code. Directives provide a way to\u00a0<strong>extend HTML with custom functionality<\/strong>\u00a0and behavior, making Angular applications more modular, maintainable, and scalable.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">5. What is data binding in Angular ?<\/a><\/p>\n<p>Data binding in Angular is a mechanism that synchronizes data between the model and the view. There are\u00a0<strong>four types<\/strong>\u00a0of data binding in Angular.<\/p>\n<ol>\n<li><strong> Interpolation :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Binds data from the component to the view\u00a0<strong>using curly braces {{ }}.<\/strong><\/li>\n<\/ul>\n<ol start=\"2\">\n<li><strong> Property binding :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Binds data from the component to the view\u00a0<strong>using square brackets [].<\/strong><\/li>\n<\/ul>\n<ol start=\"3\">\n<li><strong> Event binding :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Binds events from the view to the component\u00a0<strong>using parentheses ().<\/strong><\/li>\n<\/ul>\n<ol start=\"4\">\n<li><strong> Two-way binding :<\/strong><\/li>\n<\/ol>\n<ul>\n<li>Binds data in both directions between the component and the\u00a0<strong>view using [(ngModel)].<\/strong><\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">6. What is Angular dependency injection and how does it work ?<\/a><\/p>\n<ul>\n<li>Angular dependency injection is a mechanism that allows for\u00a0<strong>managing dependencies<\/strong>between components and services in an Angular application. It allows for creating\u00a0<strong>loosely coupled components<\/strong>\u00a0that can be easily tested and maintained.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">7. What is a component in Angular ?<\/a><\/p>\n<ul>\n<li>A component in Angular is a\u00a0<strong>building block<\/strong>for creating user\u00a0<strong>interface elements.<\/strong>\u00a0It encapsulates the logic and data of a specific part of the application and consists of a template, a class, and optionally, styles. Components are used to define the views in Angular applications and can be nested to create complex UI hierarchies.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">8. What is a template in Angular ?<\/a><\/p>\n<ul>\n<li>A template in Angular is an\u00a0<strong>HTML file<\/strong>that defines the structure and layout of a component. It can include\u00a0<strong>Angular-specific<\/strong>\u00a0syntax like\u00a0<strong>data bindings, event bindings,<\/strong>\u00a0and\u00a0\u00a0Templates are used to define the views of Angular components and are compiled by the Angular framework at runtime to\u00a0<strong>generate the final DOM<\/strong>\u00a0that is rendered in the browser.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">9. What are Single Page Applications (SPA) ?<\/a><\/p>\n<ul>\n<li>Single-page applications are web applications that\u00a0<strong>load once<\/strong>with new features just being mere additions to the\u00a0<strong>user interface.<\/strong>\u00a0It does\u00a0<strong>not load new HTML pages<\/strong>\u00a0to display the new page&#8217;s content, instead\u00a0<strong>generated dynamically.<\/strong>\u00a0This is made possible through JavaScript&#8217;s ability to manipulate the DOM elements on the existing page itself. A\u00a0<strong>SPA approach is faster<\/strong>, thus providing a seamless user experience.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">10. What are decorators in Angular ?<\/a><\/p>\n<p>Decorators are a\u00a0<strong>design pattern<\/strong>\u00a0or functions that define how Angular\u00a0<strong>features work.<\/strong>\u00a0They are used to make\u00a0<strong>prior modifications<\/strong>\u00a0to a class, service, or filter. Angular supports\u00a0<strong>four types of decorators,<\/strong>\u00a0they are.<\/p>\n<ul>\n<li>Class Decorators<\/li>\n<li>Property Decorators<\/li>\n<li>Method Decorators<\/li>\n<li>Parameter Decorators<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">11. What are the new updates with Angular10 ?<\/a><\/p>\n<ul>\n<li>Older versions of TypeScript not supported &#8211; Previous versions of Angular supported\u00a0<strong>typescript 3.6, 3.7, and even 3.8.<\/strong>But with Angular 10, TypeScript bumped to\u00a0<strong>TypeScript 3.9 .<\/strong><\/li>\n<li>Warnings about CommonJS imports &#8211; Logging of unknown property bindings or element names in templates is increased to the\u00a0<strong>&#8220;error&#8221;\u00a0<\/strong>level, which was previously a\u00a0<strong>&#8220;warning&#8221;\u00a0<\/strong><\/li>\n<li>Optional strict setting &#8211; Version 10 offers a stricter project setup when you create a new workspace with\u00a0<strong>ng new command.<\/strong><\/li>\n<\/ul>\n<pre  data-start=\"1\" data-line-offset=\"0\"><code class=\"\" data-line=\"\">ng new --strict<\/code><\/pre>\n<p>NGCC Feature &#8211; Addition of\u00a0<strong>NGCC features<\/strong>\u00a0with a program based entry point finder.<\/p>\n<ul>\n<li>Updated URL routing<\/li>\n<li><strong>Deprecated APIs<\/strong>&#8211; Angular 10 has several deprecated APIs.<\/li>\n<li><strong>Bug fixes<\/strong>&#8211; With this Angular 10 version, there have been a number of bug fixes, important ones being the compiler avoiding undefined expressions and the core avoiding a migration error when a nonexistent symbol is imported.<\/li>\n<li><strong>New Default Browser Configuration<\/strong>&#8211; Browser configuration for new projects has been upgraded to outdo older and less used browsers.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">12. What are Pipes in Angular ?<\/a><\/p>\n<ul>\n<li>Pipes are simple functions designed to accept an input value, process, and return as an output, a\u00a0<strong>transformed value<\/strong>in a more technical understanding. Angular supports several\u00a0<strong>built-in pipes.\u00a0<\/strong>However, you can also create\u00a0<strong>custom pipes<\/strong>\u00a0that cater to your needs.Some key features include.<\/li>\n<\/ul>\n<ol>\n<li>Pipes are defined using the\u00a0<strong>pipe \u201c|\u201d symbol.<\/strong><\/li>\n<li>Pipes can be\u00a0<strong>chained<\/strong>with other pipes.<\/li>\n<li>Pipes can be provided with arguments by using the\u00a0<strong>colon (:) sign.<\/strong><\/li>\n<\/ol>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">13. What are Pure Pipes ?<\/a><\/p>\n<ul>\n<li>These pipes are pipes that use\u00a0<strong>pure functions.<\/strong>As a result of this, a pure pipe doesn&#8217;t use any\u00a0<strong>internal state,<\/strong>\u00a0and the output remains the same as long as the parameters passed stay the same. Angular calls the pipe only when it detects a change in the\u00a0<strong>parameters being passed.<\/strong>\u00a0A single instance of the pure pipe is used throughout\u00a0<strong>all components.<\/strong><\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">14. What are Impure Pipes ?<\/a><\/p>\n<ul>\n<li>For every change\u00a0<strong>detection cycle<\/strong>in Angular, an impure pipe is called\u00a0<strong>regardless<\/strong>\u00a0of the change in the input fields. Multiple pipe instances are created for these pipes. Inputs passed to these pipes can be\u00a0<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">15. What is an ngModule ?<\/a><\/p>\n<ul>\n<li>NgModules are containers that reserve a block of code to an application domain or a workflow.\u00a0<strong>@NgModule<\/strong>takes a metadata object that generally describes the way to compile the template of a component and to generate an injector at runtime. In addition, it identifies the\u00a0<strong>module&#8217;s components, directives, and pipes,<\/strong>\u00a0making some of them public, through the export property so that external components can use them.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">16. What is an AOT compilation ?<\/a><\/p>\n<ul>\n<li>The\u00a0<strong>Ahead-of-time<\/strong>(AOT) compiler converts the\u00a0<strong>Angular HTML\u00a0<\/strong>and\u00a0<strong>TypeScript code<\/strong>\u00a0into J<strong>avaScript code\u00a0<\/strong>during the build phase, i.e., before the browser downloads and runs the code.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">17. What are filters in Angular ? Name a few of them ?<\/a><\/p>\n<ul>\n<li>Filters are used to\u00a0<strong>format an expression<\/strong>and present it to the user. They can be used in\u00a0<strong>view templates, controllers, or services.<\/strong>\u00a0Some inbuilt filters are as follows.<\/li>\n<\/ul>\n<ol>\n<li><strong> date<\/strong>&#8211; Format a date to a specified format.<\/li>\n<li><strong> filter<\/strong>&#8211; Select a subset of items from an array.<\/li>\n<li><strong> Json<\/strong>&#8211; Format an object to a JSON string.<\/li>\n<li><strong> limitTo<\/strong>&#8211; Limits an array\/string, into a specified number of elements\/characters.<\/li>\n<li><strong> lowercase<\/strong>&#8211; Format a string to lowercase.<\/li>\n<\/ol>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">18. What is view encapsulation in Angular ?<\/a><\/p>\n<ul>\n<li>View encapsulation defines whether the\u00a0<strong>template and styles<\/strong>defined within the component can affect the\u00a0<strong>whole application<\/strong>\u00a0or vice versa. Angular provides\u00a0<strong>three encapsulation strategies :<\/strong><\/li>\n<\/ul>\n<ol>\n<li><strong> Emulated<\/strong>&#8211; styles from the main HTML propagate to the component.<\/li>\n<li><strong> Native<\/strong>&#8211; styles from the main HTML do not propagate to the component.<\/li>\n<li><strong> None<\/strong>&#8211; styles from the component propagate back to the main HTML and therefore are visible to all components on the page.<\/li>\n<\/ol>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">19. What are controllers ?<\/a><\/p>\n<p>AngularJS controllers control the data of AngularJS applications. They are regular J<strong>avaScript Objects.<\/strong>\u00a0The\u00a0<strong>ng-controller<\/strong>\u00a0directive defines the application controller.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">20. What do you understand by scope in Angular ?<\/a><\/p>\n<ul>\n<li>The scope in\u00a0<strong>Angular binds<\/strong>the HTML, i.e., the view, and the JavaScript, i.e., the controller. It as expected is an object with the available\u00a0<strong>methods and properties.<\/strong>\u00a0The scope is available for both the view and the controller. When you make a controller in Angular,\u00a0<strong>you pass the $scope object as an argument.<\/strong><\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">21. What is String Interpolation in Angular ?<\/a><\/p>\n<ul>\n<li>String Interpolation is a\u00a0<strong>one-way data-binding\u00a0<\/strong>technique that outputs the data from TypeScript code to HTML view. It is denoted using\u00a0<strong>double curly braces.<\/strong>This\u00a0<strong>template expression<\/strong>\u00a0helps display the data from the component to the view.<\/li>\n<\/ul>\n<pre  data-start=\"1\" data-line-offset=\"0\"><code class=\"\" data-line=\"\">{{data}}<\/code><\/pre>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">22. What are Template statements ?<\/a><\/p>\n<ul>\n<li>Template statements are properties or methods used in HTML for responding to\u00a0<strong>user events.<\/strong>With these template statements, the application that you\u00a0<strong>create or are working on,<\/strong>\u00a0can have the capability to engage users through actions such as\u00a0<strong>submitting forms and displaying dynamic content.<\/strong><\/li>\n<\/ul>\n<p>For example,<\/p>\n<pre  data-start=\"1\" data-line-offset=\"0\"><code class=\"\" data-line=\"\">&lt;button (click)=&quot;deleteHero()&quot;&gt;Delete hero&lt;\/button&gt;<\/code><\/pre>\n<pre  data-start=\"1\" data-line-offset=\"0\"><code class=\"\" data-line=\"\">{{data}}<\/code><\/pre>\n<p>The template here is deleteHero. The method is called when the user\u00a0<strong>clicks on the button.<\/strong><\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">23. What are the Angular Modules ?<\/a><\/p>\n<ul>\n<li>All the Angular apps are modular and follow a modularity system known asThese are the containers which hold a cohesive\u00a0<strong>block of code<\/strong>\u00a0dedicated specifically to an application domain, a workflow, or some closely related set of capabilities. These modules generally contain components, service providers, and other code files whose scope is defined by the\u00a0<strong>containing NgModule.<\/strong>\u00a0With modules makes the code becomes more\u00a0<strong>maintainable, testable, and readable.<\/strong>\u00a0Also, all the dependencies of your applications are\u00a0<strong>generally defined in modules only.<\/strong><\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">24. On which types of the component can we create a custom directive ?<\/a><\/p>\n<p>Angular provides support to\u00a0<strong>create custom directives<\/strong>\u00a0for the following:<\/p>\n<ul>\n<li><strong>Element directives \u2212\u00a0<\/strong>Directive activates when a matching element is encountered.<\/li>\n<li><strong>Attribute \u2212\u00a0<\/strong>Directive activates when a matching attribute is encountered.<\/li>\n<li><strong>CSS \u2212\u00a0<\/strong>Directive activates when a matching CSS style is encountered.<\/li>\n<li><strong>Comment \u2212\u00a0<\/strong>Directive activates when a matching comment is encountered<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">25. What is Transpiling in Angular ?<\/a><\/p>\n<ul>\n<li>Transpiling in Angular refers to the process of conversion of the\u00a0<strong>source code<\/strong>from one programming language to another. In Angular, generally, this conversion is done from\u00a0<strong>TypeScript to JavaScript.<\/strong>\u00a0It is an implicit process and happens internally.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">26. How to perform animation in Angular ?<\/a><\/p>\n<ul>\n<li>In order to perform animation in an Angular application, you need to\u00a0<strong>include a special Angular library<\/strong>known as Animate Library and then refer to the\u00a0<strong>ngAnimate module<\/strong>\u00a0into your application or add the ngAnimate as a dependency inside your application module.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">27. What is transclusion in Angular ?<\/a><\/p>\n<ul>\n<li>The transclusion in Angular allows you to shift the\u00a0<strong>original children<\/strong>of a directive into a specific location within a\u00a0<strong>new template.<\/strong>\u00a0The\u00a0<strong>ng directive<\/strong>\u00a0indicates the insertion point for a\u00a0<strong>transcluded DOM\u00a0<\/strong>of the nearest parent directive that is using transclusion. Attribute directives like\u00a0<strong>ng-transclude<\/strong>\u00a0or\u00a0<strong>ng-transclude-slot<\/strong>\u00a0are mainly used for transclusion.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">28. What are events in Angular ?<\/a><\/p>\n<p>Events in Angular are specific directives that help in customizing the behavior of\u00a0<strong>various DOM events.<\/strong>\u00a0Few of the events supported by Angular are\u00a0<strong>listed below:<\/strong><\/p>\n<ul>\n<li>ng-click<\/li>\n<li>ng-copy<\/li>\n<li>ng-cut<\/li>\n<li>ng-dblclick<\/li>\n<li>ng-keydown<\/li>\n<li>ng-keypress<\/li>\n<li>ng-keyup<\/li>\n<li>ng-mousedown<\/li>\n<li>ng-mouseenter<\/li>\n<li>ng-mouseleave<\/li>\n<li>ng-mousemove<\/li>\n<li>ng-mouseover<\/li>\n<li>ng-mouseup<\/li>\n<li>ng-blur<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">29. What are Angular Global APIs ?<\/a><\/p>\n<p>Angular Global API is a combination of\u00a0<strong>global JavaScript<\/strong>\u00a0functions for performing various common tasks like:<\/p>\n<ul>\n<li>Comparing objects<\/li>\n<li>Iterating objects<\/li>\n<li>Converting data<\/li>\n<\/ul>\n<p>There are some common\u00a0<strong>Angular Global API functions<\/strong>\u00a0like:<\/p>\n<ul>\n<li><strong> lowercase:<\/strong>Converts a string to lowercase string.<\/li>\n<li><strong> uppercase:<\/strong>Converts a string to uppercase string.<\/li>\n<li><strong> isString:<\/strong>Returns true if the current reference is a string.<\/li>\n<li><strong> isNumber:<\/strong>Returns true if the current reference is a number.<\/li>\n<\/ul>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<a tabindex=\"0\">30. What is subscribing ?<\/a><\/p>\n<ul>\n<li>In Angular,\u00a0<strong>.subscribe()<\/strong>is basically a method on the\u00a0<strong>Observable type.\u00a0<\/strong>The Observable type is a utility that\u00a0<strong>asynchronously or synchronously streams data<\/strong>\u00a0to a variety of components or services that have\u00a0<strong>subscribed to the observable.<\/strong><\/li>\n<\/ul>\n<p>Subscribe takes\u00a0<strong>3 methods<\/strong>\u00a0as parameters each are functions:<\/p>\n<ul>\n<li><strong>next:<\/strong>For each item being emitted by the observable perform this function<\/li>\n<li><strong>error:<\/strong>If somewhere in the stream an error is found, do this method<\/li>\n<li><strong>complete:<\/strong>Once all items are complete from the stream, do this method<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Basic Angular Interview Questions and Answers Angular, a dynamic and comprehensive open-source web application framework developed by Google,&hellip;","protected":false},"author":3,"featured_media":5808,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[724],"tags":[1225,1228,1223,1226,1221,1220,1222,1218,1217,1219,1224,1227],"class_list":["post-2973","post","type-post","status-publish","format-standard","has-post-thumbnail","category-interview-questions","tag-angular-8-interview-question-and-answers","tag-angular-8-interview-questions","tag-angular-advanced-interview-questions-and-answers","tag-angular-basic-interview-questions","tag-angular-experienced-interview-questions-and-answers","tag-angular-interview","tag-angular-interview-answers","tag-angular-interview-questions","tag-angular-interview-questions-and-answers","tag-angular-interview-questions-and-answers-for-experienced","tag-angular-interview-questions-and-answers-for-freshers","tag-angularjs-interview-questions-and-answers","cs-entry"],"_links":{"self":[{"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/posts\/2973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/comments?post=2973"}],"version-history":[{"count":179,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/posts\/2973\/revisions"}],"predecessor-version":[{"id":9087,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/posts\/2973\/revisions\/9087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/media\/5808"}],"wp:attachment":[{"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/media?parent=2973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/categories?post=2973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kaashivinfotech.com\/blog\/wp-json\/wp\/v2\/tags?post=2973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}