Importing dependencies directly in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does it mean to import dependencies directly in Angular?

It means bringing in specific functions, classes, or modules from external libraries or Angular packages right where you need them in your code, so you can use them easily.

beginner

How do you import a component from Angular's core package?

You write: <code>import { Component } from '@angular/core';</code> This brings the Component decorator into your file.

beginner

Why is it better to import only what you need instead of the whole library?

Importing only what you need keeps your app smaller and faster because it avoids loading extra code that you don't use.

beginner

Show an example of importing a service directly in Angular.

Example: <code>import { HttpClient } from '@angular/common/http';</code> This lets you use HttpClient to make web requests.

beginner

What happens if you forget to import a dependency you use in your Angular file?

Your code will give an error because Angular won't know what that function or class means without the import.

How do you import the RouterModule from Angular's router package?

A import RouterModule from 'angular/router';

B import { RouterModule } from 'angular-core';

C import { RouterModule } from '@angular/router';

D import RouterModule from '@angular/core/router';

The correct syntax is import { RouterModule } from '@angular/router'; which imports RouterModule from the router package.

What is the benefit of importing dependencies directly in Angular?

A It helps keep the app size smaller and faster.

B It removes the need for modules.

C It automatically fixes bugs.

D It makes the app load slower.

Importing only what you need keeps the app smaller and faster by avoiding extra unused code.

Which of these is a correct import statement in Angular?

A import { Injectable } from '@angular/core';

B import Injectable from '@angular/core';

C import { Injectable } from 'angular/core';

D import Injectable from 'angular';

Correct syntax uses curly braces and the exact package name: import { Injectable } from '@angular/core';

What error might you see if you forget to import a dependency?

A SyntaxError: Unexpected token

B ReferenceError: X is not defined

C TypeError: Cannot read property

D No error, code runs fine

If a dependency is missing, you often get a ReferenceError saying the item is not defined.

Where should you place import statements in an Angular file?

A Anywhere in the file

B At the bottom of the file

C Inside functions

D At the top of the file

Imports should be at the top of the file before any other code.

Explain how to import a dependency directly in Angular and why it is important.

Think about how you bring tools into your workspace only when you need them.

Describe what happens if you use a class or function in Angular without importing it first.

Imagine trying to use a tool you never took out of the toolbox.