Productivity enhancement extension for developers building projects using Angular 6+.
This extension is designed to sit in tandem with the existing Angular Language Server plugin developed by the Angular team.
Currently it provides enhancements for the ngx-translate Angular package as listed below.
Project Goals
[x] Code completion of ngx-translate translation keys when typing within a string
[x] In HTML (eg {{ 'HOME.HEADING.TITLE' | translate }})
[x] In TS (eg this.translate.instant("HOME.HEADING.TITLE");)
[x] Code navigation of ngx-translate translation keys
[x] Hover over translation key to see plain-text translation
[ ] Validation of translation keys used in TS and HTML files
[ ] Refactoring options to create missing translation key definitions
Demos
Changelog
1.1.0
Added extension settings to allow disabling any capability (definition, hover, completion)
Updated JSON translation file parsing to have better error handling
Updated completion provider to replace any existing text up to the next quotemark
Refactored and tidied up code
1.0.0
Added code completion for ngx-translate translation keys in HTML and Typescript files
Added code navigation for translation keys in HTML and Typescript files
Added hover information for translation keys in HTML and Typescript files
If the extension isn't working, check that you have the correct path to your translation definition file in your settings!