Angular - Components
What files are created when you run
ng generate component footer in an Angular project?What files are created when you run ng generate component footer in an Angular project?
medium📝 component behavior Q13 of 15
Step-by-Step Solution
Solution:
Step 1: Recall Angular component file structure
Angular components generate four files: TypeScript, HTML, CSS, and a test spec file, all with the component name prefix.Step 2: Match the correct file extensions and naming
The files have extensions .ts, .html, .css, and .spec.ts with the component name and '.component' in the filename.Final Answer:
footer.component.ts, footer.component.html, footer.component.css, footer.component.spec.ts -> Option CQuick Check:
Angular components create 4 files with .component and correct extensions [OK]
Quick Trick: Remember 4 files: .ts, .html, .css, .spec.ts [OK]
Common Mistakes:
- Missing the .spec.ts test file
- Using .js instead of .ts
- Omitting '.component' in filenames
Master "Components" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes