Better Autocomplete Results in Angular Templates

Narrow the universe of Angular template completions to those that matter.

When you're writing Angular applications and working in templates, you're usually in the flow...juggling several concepts and cranking through lots of small components. It's what Angular, with its TypeScript roots, was made for.

Autocomplete is wonderful, except when it gives tons of choices. You have to stop, sort through a long list, and find the right context for a variable name. But it shouldn't have to be a speedbump...there is a logical path back to the loop variable, then the array being looped through, back to the component connected to the template, and finally the interface supporting the shape of that data type.

WebStorm, and thus PyCharm Professional, can follow that path and offer autocomplete suggestions with the best choices for that context listed first.

Related Resources

See VCS Changed Lines In Gutter
Quickly spot which parts of your file have changed since the last commit.
Autocomplete Django Settings Strings
Use autocomplete when typing a string in the apps section of your settings file.
Split Screen Without Tabs
Get your code and tests side-by-side without resorting to tabs.