Angular - PipesYou want to display a product price in Euros with the currency symbol and exactly 3 decimal places in Angular. Which pipe usage is correct?A{{ price | currency:'EUR':'code':'1.2-2' }}B{{ price | currency:'EUR':'symbol':'1.3-3' }}C{{ price | currency:'EUR':'symbol':'1.0-2' }}D{{ price | currency:'USD':'symbol':'1.3-3' }}Check Answer
Step-by-Step SolutionSolution:Step 1: Identify the currency code and symbol usageTo show Euros with symbol €, use currency code 'EUR' and display 'symbol'.Step 2: Set decimal places to exactly 3The digit info '1.3-3' means minimum 1 digit before decimal, exactly 3 decimals.Step 3: Check other options for correctness{{ price | currency:'EUR':'code':'1.2-2' }} uses 'code' display and 2 decimals; C uses 2 decimals; D uses USD instead of EUR.Final Answer:{{ price | currency:'EUR':'symbol':'1.3-3' }} -> Option BQuick Check:Currency EUR with 3 decimals = {{ price | currency:'EUR':'symbol':'1.3-3' }} [OK]Quick Trick: Use '1.3-3' for exactly 3 decimals in currency pipe [OK]Common Mistakes:Using wrong currency code or symbolSetting wrong decimal placesMixing currency codes (USD instead of EUR)
Master "Pipes" in Angular9 interactive learning modes - each teaches the same concept differentlyLearnWhyDeepVisualTryChallengeProjectRecallPerf
More Angular Quizzes Angular Modules - Shared modules for reusable components - Quiz 14medium Angular Modules - Module lazy loading preview - Quiz 10hard Components - Component decorator and metadata - Quiz 12easy Directives - *ngSwitch for multiple conditions - Quiz 13medium Directives - ngClass for dynamic classes - Quiz 11easy Directives - Directive execution and DOM manipulation - Quiz 12easy Directives - Directive execution and DOM manipulation - Quiz 5medium Lifecycle Hooks - ngDoCheck for custom change detection - Quiz 7medium Templates and Data Binding - Event binding with parentheses - Quiz 11easy TypeScript in Angular - Decorators as TypeScript feature - Quiz 9hard