René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Directly Importing Template Dependencies in HTML Templates","articleBody":"### Which @angular/* package(s) are relevant/related to the feature request?\r\n\r\ncompiler\r\n\r\n### Description\r\n\r\nCurrently, template dependencies for standalone components are imported and configured within TypeScript files, even though their main application is within HTML templates. This establishes a gap between where the dependencies are defined and where they are implemented.\r\n\r\n### Proposed solution\r\n\r\nI propose a syntax that allows dependencies to be directly imported into the HTML template files. Taking inspiration from the proposed \"let syntax\" #15280 , the proposed syntax could be:\r\n\r\n```html\r\n@import {NgClass , NgStyle} from \"@angular/common\"\r\n\u003cdiv [NgClass]=\"something\" \u003e\u003c/div\u003e\r\n\u003c!--  or --\u003e\r\n\u003cdiv [ngStyle]=\"something\" \u003e\u003c/div\u003e\r\n\r\n@defer(..){\r\n  @import {SomeComponet} from \"something\";\r\n  \u003cSomeComponet /\u003e\r\n  \u003c!--  or --\u003e\r\n  \u003csome-componet /\u003e\r\n}\r\n```\r\nMoreover, Imports could also be scoped to deferred blocks for lazy loading.\r\n\r\n### Alternatives considered\r\n\r\nNone","author":{"url":"https://github.com/abdulkareemnalband","@type":"Person","name":"abdulkareemnalband"},"datePublished":"2024-05-28T10:02:13.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/56125/angular/issues/56125"}