AngularJS inline templates are being corrupted!

[royts]

Thanks for this wonderful tool.

Here is the syntax of angular inline template:

<script type="text/ng-template" id="defaultTableHeaderTemplate">
  <div ng-controller="control1">
    <div ng-model="model1"></div>
  </div>
</script>

js-beautify doesn't like the hyphen in special angular attributes (and HTML tags in general) and I'm end up with:

<script type="text/ng-template" id="defaultTableHeaderTemplate">
  < div ng - controller = "control1" > < div ng - model = "model1" > <
    /div>
  </div >
</script>

This is a real problem. Any way to solve it?

[einars]

The actual problem is that the html-beautifier doesn't care for the type attribute of the script tag: it sees a script, it treats it as a beautifiable chunk.

[alvarolm]

there isnt any way to tell js-beautify to just indent the content between the tags

<script type="text/ng-template" ...> 

and

</script>

?

[bitwiseman]

Yes, that is possible. As @einars said, we don't check the type attribute right now.
The code path we'd need to change is near https://github.com/einars/js-beautify/blob/master/js/lib/beautify-html.js#L783 - we'd add something to make sure we only indent the content of script/style tags that are marked with the expected js/css types.

[nightspirit]

That would be great if you can beautify those templates as HTML.

[bitwiseman]

I think this is fixed in v1.5.2. Please review and comment if I'm wrong.