Add flag to disable 'x-' prefix prepended in makeComponentTemplate

[jordandh]

This is a: Feature Request

My version of UI-Router is: 1.0.0

Feature Request

Add a flag to disable the 'x-' prefix that is prepended to component elements in makeComponentTemplate. Adding the prefix can interfere with css and dom selectors. Adding a way to opt out of or into using the prefix will make it possible to workaround the problem.

This issue referenced in #3276

[CarterLi]

This flag should be able to be configured globally 👍

[christopherthielen]

This will be fixed by 60b9ef9 in 1.0.1
We will only prefixing if the component name requires the prefix (it is named xFoo or dataFoo)

[jordandh]

Thanks for the quick turnaround @christopherthielen. I tried 1.0.1 and the element names are indeed without the 'x-' prefix again. However, the attribute names are still being prefixed with 'x-'. Would it be possible to only add the prefix to the attributes when the component name requires it as well?

[christopherthielen]

@jordandh yeah I suppose that would make sense

[Remco75]

Ha, I ran into this as well: when will 1.0.1 be available through npm? I do component styling based on component names and this breaks a lot ;-)

[christopherthielen]

@Remco75 1.0.1 was released last week. Note the npm package changed to scoped package @uirouter/angularjs #3424

Read more: https://ui-router.github.io/blog/uirouter-scoped-packages/

[Remco75]

thnx man, great work as usual. I think npm registry cache got the better of me, it wasn't there yet when I checked ;-)