Staged completion for ng- attributes

[citizenmatt]

I'm concerned that the angular attributes dominate the code completion list, and it's exacerbated by repeating ng-* with data-ng-* and potentially x-ng-* (#14)

This is what I'd like to see:

• When invoking the code completion without typing, there should be no ng-*, data-ng-* or x-ng-* items. Instead, show ng-..., data-ng-... and x-ng-... (abbreviated prefixes)
• Selecting an abbreviated prefix will insert the prefix (sans ellipsis) and automatically invoke code completion again. The normal matchers kick in, and all of our matching custom angular attributes are displayed. E.g. I select ng-... and it inserts ng- and invokes code completion. All ng-* attributes are shown (as are all data-ng-* and x-ng-* due to normal ReSharper middle matching rules)
• Invoking code completion should display abbreviated prefixes. Invoking a second time (double completion) will remove the abbreviated prefixes and show the full list
• When typing without invoking code completion, I expect it to match any angular attribute. E.g. If I start typing control, it should show ng-controller, data-ng-controller and x-ng-controller
• When typing without invoking code completion, it should not show all angular attributes if I type ng, data or x. It should only match the abbreviated prefixes. If I type ngc or nc it should match all ng-controller attributes

[DerAlbertCom]

Should be general handled like in Visual Studio 2013 .... R# completion sucks in that case .

[citizenmatt]

Just to check - do you mean that the current R# completion behaviour sucks, or the behaviour I've described above? Would you change what I'm suggesting? I was aiming for something like the VS experience - less noise, but still dead easy to get what you want.

[DerAlbertCom]

R# once ;)

• When invoking the code completion without typing, there should be no ng-, data-ng- or x-ng-* items. Instead, show ng-..., data-ng-... and x-ng-... (abbreviated prefixes)
• Selecting an abbreviated prefix will insert the prefix (sans ellipsis) and automatically invoke code completion again. The normal matchers kick in, and all of our matching custom angular attributes are displayed. E.g. I select ng-... and it inserts ng- and invokes code completion. All ng-* attributes are shown (as are all data-ng-* and x-ng-* due to normal ReSharper middle matching rules)

is like the Visual Studio Behavior

[DerAlbertCom]

Look at http://www.asp.net/visual-studio/overview/2013/visual-studio-2013-web-editor-features-html-editor at 1:40

[citizenmatt]

Nice! I'd see the aria-... snippet, but none of the rest. VS is looking pretty good :smile:

[blowsie]

When typing in my html file, I am constantly frustrated by the partial searches in the intellisense.

For example. On a element simply add the attribute style="" just by typing, the second you hit = you will have a data-ng-style="" attribute instead.

This I believe happens because the angular intellisense has some extra words in the search or some sort of partial searching turned on.

This for me is a really bad UX.

[citizenmatt]

Is this primarily an ordering issue, do you think? If the complete match ("style") was first in the list, would this make it ok?

[blowsie]

Yep, but then it would not be alphabetical like everything else?

[citizenmatt]

I'm not sure on the rules, I'll have to check. Full match should have higher priority, IMO. I'll open a new issue to track.

[blowsie]

@citizenmatt thanks!