--- title: Angular’s Output Symphony: Introducing the Output Function description: Angular v17.3 introduces the output function, a symmetrical API that complements the input() function. By invoking the output() function, properties can be... canonical: https://daily.dev/posts/angular-s-output-symphony-introducing-the-output-function-dqbjzodsh twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Angular’s Output Symphony: Introducing the Output Function | daily.dev og:description: Angular v17.3 introduces the output function, a symmetrical API that complements the input() function. By invoking the output() function, properties can be... og:url: https://daily.dev/posts/angular-s-output-symphony-introducing-the-output-function-dqbjzodsh og:image: https://api.daily.dev/og/posts/DqBjZodSH.png og:image:alt: Angular’s Output Symphony: Introducing the Output Function og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Angular’s Output Symphony: Introducing the Output Function **[Medium](https://daily.dev/sources/medium_js)** · 2 min read · 6 upvotes · 0 comments ## Summary Angular v17.3 introduces the output function, a symmetrical API that complements the input() function. By invoking the output() function, properties can be declared as output. The output function returns an OutputEmitterRef, with the ability to subscribe and emit values. Angular also provides utility functions for creating outputs from observables and converting outputs to observables. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#angular](https://daily.dev/tags/angular), [#rxjs](https://daily.dev/tags/rxjs) [View this post on daily.dev](https://daily.dev/posts/angular-s-output-symphony-introducing-the-output-function-dqbjzodsh) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Angular’s Output Symphony: Introducing the Output Function","url":"https://daily.dev/posts/angular-s-output-symphony-introducing-the-output-function-dqbjzodsh","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/angular-s-output-symphony-introducing-the-output-function-dqbjzodsh"},"datePublished":"2024-03-08T13:31:56.767Z","dateModified":"2024-05-09T08:39:06.345Z","description":"Angular v17.3 introduces the output function, a symmetrical API that complements the input() function. By invoking the output() function, properties can be...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/4ba562f2f6a9ff0306d5c45d7b1b6aaa?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/4ba562f2f6a9ff0306d5c45d7b1b6aaa?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Medium","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Medium","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/medium","url":"https://daily.dev/sources/medium_js"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/angular-s-output-symphony-introducing-the-output-function-dqbjzodsh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript,angular,rxjs","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Medium","item":"https://daily.dev/sources/medium_js"},{"@type":"ListItem","position":3,"name":"Angular’s Output Symphony: Introducing the Output Function"}]} ```