{"interactiveVideo":{"video":{"startScreenOptions":{"title":"Interactive Video","hideStartTitle":false},"textTracks":{"videoTrack":[{"label":"Subtitles","kind":"subtitles","srcLang":"en"}]},"files":[{"path":"videos\/files-615fa0ed05d74.mp4","mime":"video\/mp4","copyright":{"license":"CC BY","version":"4.0"}}]},"assets":{"interactions":[{"x":34.93449781659388,"y":91.08527131782945,"width":10,"height":10,"duration":{"from":74.546,"to":84.546},"libraryTitle":"Link","action":{"library":"H5P.Link 1.3","params":{"linkWidget":{"protocol":"https:\/\/","url":"angular.io\/api\/router\/RouterOutlet"},"title":"Angular's RouterOutlet API"},"subContentId":"e7cb2933-2220-405e-935c-fa375f0474ff","metadata":{"contentType":"Link","license":"U"}},"displayType":"poster","visuals":{"backgroundColor":"rgb(152, 0, 0)","boxShadow":true},"pause":false,"buttonOnMobile":false},{"x":30.56768558951965,"y":15.503875968992247,"width":10,"height":10,"duration":{"from":164.328,"to":174.328},"libraryTitle":"Text","action":{"library":"H5P.Text 1.1","params":{"text":"

Angular decorators are preceded by @ and usually allow for a metadata object in the parentheses () that follow<\/p>\n"},"subContentId":"5d16e3f5-f974-4ed7-87a1-6c500b126aa2","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"}},"pause":false,"displayType":"button","buttonOnMobile":false,"visuals":{"backgroundColor":"rgb(255, 255, 255)","boxShadow":true},"goto":{"url":{"protocol":"http:\/\/"},"visualize":false,"type":""},"label":"

I missed adding () here, which I will fix a little bit later.<\/p>\n"},{"x":14.192139737991265,"y":88.75968992248062,"width":10,"height":10,"duration":{"from":222.856,"to":232.856},"libraryTitle":"Link","action":{"library":"H5P.Link 1.3","params":{"linkWidget":{"protocol":"https:\/\/","url":"www.typescriptlang.org\/docs\/handbook\/2\/template-literal-types.html"},"title":"TypeScript: Template Literal Types (extra-curricular subject material)"},"subContentId":"a114adec-a0ee-475e-a2ac-2bcbaa2c0d15","metadata":{"contentType":"Link","license":"U"}},"displayType":"poster","visuals":{"backgroundColor":"rgb(152, 0, 0)","boxShadow":true},"pause":false,"buttonOnMobile":false},{"x":17.46724890829694,"y":9.689922480620154,"width":13.973799126637555,"height":3.056768558951965,"duration":{"from":286.55,"to":290.55},"libraryTitle":"Text","action":{"library":"H5P.Text 1.1","params":{"text":"

Finally noticed the missing ()!<\/p>\n"},"subContentId":"68c01d3e-1ac7-4e74-9e1a-81b6b0281a26","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"}},"pause":false,"displayType":"poster","buttonOnMobile":false,"visuals":{"backgroundColor":"rgb(252, 229, 205)","boxShadow":true},"goto":{"url":{"protocol":"http:\/\/"},"visualize":false,"type":""},"label":""},{"x":17.46724890829694,"y":61.240310077519375,"width":27.074235807860262,"height":8.733624454148472,"duration":{"from":326.481,"to":336.481},"libraryTitle":"Text","action":{"library":"H5P.Text 1.1","params":{"text":"

This BarcodeEntryComponent is just temporary to help demonstrate @Output properties, EventEmitter and how we can use $event to get emitted values. We will see duplicate BarcodeEntryComponents when we view the app (one in the Router, and one embedded directly in the drawer content) and will remove this temporary one later.<\/p>\n"},"subContentId":"6b789782-48cf-4c40-bb10-9308b1edfe39","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"}},"pause":false,"displayType":"poster","buttonOnMobile":false,"visuals":{"backgroundColor":"rgb(252, 229, 205)","boxShadow":true},"goto":{"url":{"protocol":"http:\/\/"},"visualize":false,"type":""},"label":""},{"x":19.650655021834062,"y":5.822416302765648,"width":24.45414847161572,"height":19.650655021834062,"duration":{"from":461.295,"to":462},"libraryTitle":"Multiple Choice","action":{"library":"H5P.MultiChoice 1.16","params":{"media":{"disableImageZooming":false},"answers":[{"correct":true,"tipsAndFeedback":{"tip":"","chosenFeedback":"","notChosenFeedback":""},"text":"

Parentheses ()<\/div>\n"},{"correct":false,"tipsAndFeedback":{"tip":"","chosenFeedback":"","notChosenFeedback":""},"text":"

Square brackets []<\/div>\n"},{"correct":false,"tipsAndFeedback":{"tip":"","chosenFeedback":"","notChosenFeedback":""},"text":"

Parentheses within square brackets [()]<\/div>\n"}],"overallFeedback":[{"from":0,"to":100}],"behaviour":{"enableRetry":true,"enableSolutionsButton":true,"enableCheckButton":true,"type":"auto","singlePoint":false,"randomAnswers":true,"showSolutionsRequiresInput":true,"confirmCheckDialog":false,"confirmRetryDialog":false,"autoCheck":false,"passPercentage":100,"showScorePoints":true},"UI":{"checkAnswerButton":"Check","showSolutionButton":"Show solution","tryAgainButton":"Retry","tipsLabel":"Show tip","scoreBarLabel":"You got :num out of :total points","tipAvailable":"Tip available","feedbackAvailable":"Feedback available","readFeedback":"Read feedback","wrongAnswer":"Wrong answer","correctAnswer":"Correct answer","shouldCheck":"Should have been checked","shouldNotCheck":"Should not have been checked","noInput":"Please answer before viewing the solution","a11yCheck":"Check the answers. The responses will be marked as correct, incorrect, or unanswered.","a11yShowSolution":"Show the solution. The task will be marked with its correct solution.","a11yRetry":"Retry the task. Reset all responses and start the task over again."},"confirmCheck":{"header":"Finish ?","body":"Are you sure you wish to finish ?","cancelLabel":"Cancel","confirmLabel":"Finish"},"confirmRetry":{"header":"Retry ?","body":"Are you sure you wish to retry ?","cancelLabel":"Cancel","confirmLabel":"Confirm"},"question":"

Fill in the blank: to bind to an @Output property of another component in our HTML template code, we can surround the property name with _____ and then write an expression that optionally uses $event<\/strong><\/em>, usually calling one of our component's properties that defines a function to react to output events.<\/p>\n"},"subContentId":"6284f0b1-48aa-4582-8c19-30a0857ca630","metadata":{"contentType":"Multiple Choice","license":"U","title":"Summary"}},"pause":true,"displayType":"poster","buttonOnMobile":false,"adaptivity":{"correct":{"allowOptOut":false,"message":""},"wrong":{"allowOptOut":false,"message":""},"requireCompletion":false},"label":"

If <\/p>\n"}],"endscreens":[{"time":462.848,"label":"7:42 Submit screen"}]},"summary":{"task":{"library":"H5P.Summary 1.10","params":{"intro":"Choose the correct statement.","summaries":[{"subContentId":"c9cf3d61-2b44-458b-be89-376115c01bc5","tip":""}],"overallFeedback":[{"from":0,"to":100}],"solvedLabel":"Progress:","scoreLabel":"Wrong answers:","resultLabel":"Your result","labelCorrect":"Correct.","labelIncorrect":"Incorrect! Please try again.","alternativeIncorrectLabel":"Incorrect","labelCorrectAnswers":"Correct answers.","tipButtonLabel":"Show tip","scoreBarLabel":"You got :num out of :total points","progressText":"Progress :num of :total"},"subContentId":"48ed0e9f-293b-41ce-a37b-40047ab68ef4","metadata":{"contentType":"Summary","license":"U","title":"Untitled Summary"}},"displayAt":3}},"override":{"autoplay":false,"loop":false,"showBookmarksmenuOnLoad":false,"showRewind10":false,"deactivateSound":false,"preventSkippingMode":"none"},"l10n":{"interaction":"Interaction","play":"Play","pause":"Pause","mute":"Mute","unmute":"Unmute","quality":"Video Quality","captions":"Captions","close":"Close","fullscreen":"Fullscreen","exitFullscreen":"Exit Fullscreen","summary":"Open summary dialog","bookmarks":"Bookmarks","endscreen":"Submit screen","defaultAdaptivitySeekLabel":"Continue","continueWithVideo":"Continue with video","playbackRate":"Playback Rate","rewind10":"Rewind 10 Seconds","navDisabled":"Navigation is disabled","sndDisabled":"Sound is disabled","requiresCompletionWarning":"You need to answer all the questions correctly before continuing.","back":"Back","hours":"Hours","minutes":"Minutes","seconds":"Seconds","currentTime":"Current time:","totalTime":"Total time:","singleInteractionAnnouncement":"Interaction appeared:","multipleInteractionsAnnouncement":"Multiple interactions appeared.","videoPausedAnnouncement":"Video is paused","content":"Content","answered":"@answered answered","endcardTitle":"@answered Question(s) answered","endcardInformation":"You have answered @answered questions, click below to submit your answers.","endcardInformationNoAnswers":"You have not answered any questions.","endcardInformationMustHaveAnswer":"You have to answer at least one question before you can submit your answers.","endcardSubmitButton":"Submit Answers","endcardSubmitMessage":"Your answers have been submitted!","endcardTableRowAnswered":"Answered questions","endcardTableRowScore":"Score","endcardAnsweredScore":"answered","endCardTableRowSummaryWithScore":"You got @score out of @total points for the @question that appeared after @minutes minutes and @seconds seconds.","endCardTableRowSummaryWithoutScore":"You have answered the @question that appeared after @minutes minutes and @seconds seconds."}}

6.1 One-way Binding from Output Properties

Chris Lo