List view
These things should be considered while extracting the code: - no parameter name conflicts. E.g. if there are two occasions where a property name would be `title`, then the second one should be `title_1` instead.
No due date# Features we want to support * Only valid template selection can be extracted * no syntax errors (missing HTML tags, wrong Angular syntax) Template selection can contain: * ngIf / ngFor * Output (Event propagation) * Input (Data propagation) * Pipes * Directives * Other custom Angular components * Custom attributes * ngClass-Syntax Explicitely not supported: * [Extraction of styles](https://github.com/PKief/vscode-angular-component-extractor/discussions/29) * [Extraction of template reference variables](https://github.com/PKief/vscode-angular-component-extractor/discussions/30)
No due dateThese things should be considered while extracting the code: - getting the type of the input from the origin component - provide variable names if its not just a variable - object attribute - array index - exclude (inline if and other stuff) - provide proper logs for future bug analysis - allow shortcut to use the extractor - allow right click in the selected code # Goal code example ## Source Component ### HTML ```html <nav> {{title}} {{obj.name}} {{arr[1]}} </nav> ``` ### TS ```ts class SomeComponent { title: string obj: { name:string } arr: string[] } ``` ## Output Component ### HTML ```html <app-nav [title]=”title” [name]="obj.name" [parm0]="arr[1]"> </app-nav> ``` ### TS ```ts class Nav { @input() title: string @input() name: string @input() parm0: string } ```
No due date•5/12 issues closed