--- title: Angular is getting New Template Syntax | daily.dev description: Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to... canonical: https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Angular is getting New Template Syntax | daily.dev og:description: Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to... og:url: https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg og:image: https://api.daily.dev/og/posts/hRXq1TJqG.png og:image:alt: Angular is getting New Template Syntax 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 is getting New Template Syntax **[ITNEXT](https://daily.dev/sources/itnext)** · 5 min read · 78 upvotes · 4 comments ## Summary Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to improve performance and optimizes list diffing by enforcing tracking. The team is working on an automated migration schematic to convert from the old to the new syntax. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@shamimkhan736** · 0 upvotes > This is a great article thanks for sharing! **@sm\_hemel** · 0 upvotes > It is great. It will help us to save time in writing code. **@riedel** · 0 upvotes > This is going to save me from writing lots of boilerplate code. **@cmaco** · 0 upvotes > angular top of js framework imo --- Tags: [#javascript](https://daily.dev/tags/javascript), [#performance](https://daily.dev/tags/performance), [#typescript](https://daily.dev/tags/typescript), [#angular](https://daily.dev/tags/angular), [#frontend](https://daily.dev/tags/frontend), [#svelte](https://daily.dev/tags/svelte) [View this post on daily.dev](https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg) ```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 is getting New Template Syntax","url":"https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg"},"datePublished":"2023-07-01T11:09:33.134Z","dateModified":"2023-07-20T14:10:56.027Z","description":"Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/3d0850aaf7bbeb206a12579e35a78e51?_a=AQADKdt","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/3d0850aaf7bbeb206a12579e35a78e51?_a=AQADKdt","isAccessibleForFree":true,"articleSection":"ITNEXT","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":"ITNEXT","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/itnext2","url":"https://daily.dev/sources/itnext"},"commentCount":4,"discussionUrl":"https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":78},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"keywords":"javascript,performance,typescript,angular,frontend,svelte","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"ITNEXT","item":"https://daily.dev/sources/itnext"},{"@type":"ListItem","position":3,"name":"Angular is getting New Template Syntax"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg","comment":[{"@type":"Comment","text":"This is a great article thanks for sharing!","datePublished":"2023-07-04T08:13:42.556Z","url":"https://daily.dev/posts/hRXq1TJqG#c-HTGckyLP5","author":{"@type":"Person","name":"Shamim khan","url":"https://daily.dev/shamimkhan736","image":"https://media.daily.dev/image/upload/v1683102217/avatars/avatar_Gn2yyKhy8MD6OUpKFTfOb.jpg"}},{"@type":"Comment","text":"It is great. It will help us to save time in writing code.","datePublished":"2023-07-06T14:29:55.051Z","url":"https://daily.dev/posts/hRXq1TJqG#c-1vww2mGA0","author":{"@type":"Person","name":"S M HEMEL","url":"https://daily.dev/sm_hemel","image":"https://avatars.githubusercontent.com/u/18726904?v=4"}},{"@type":"Comment","text":"This is going to save me from writing lots of boilerplate code.","datePublished":"2023-07-02T09:09:50.234Z","url":"https://daily.dev/posts/hRXq1TJqG#c-AXJ6m5o0F","author":{"@type":"Person","name":"Tobias Riedel","url":"https://daily.dev/riedel","image":"https://media.daily.dev/image/upload/s--2kMUEbyV--/f_auto/v1748940978/avatars/avatar_k9AYHbt5BmUUYDArpynPJ?_a=BAMClqUq0"}},{"@type":"Comment","text":"angular top of js framework imo","datePublished":"2023-08-01T09:30:39.491Z","url":"https://daily.dev/posts/hRXq1TJqG#c-M7sr4xDEQ","author":{"@type":"Person","name":"Macovei Ciprian","url":"https://daily.dev/cmaco","image":"https://media.daily.dev/image/upload/s--2F5A-2md--/f_auto,q_auto/v1/avatars/avatar_8GKpnPNcg9XT26l6TMSLF"}}]} ```