In my project, I use data-ng-* form of directives to make it HTML5 valid, problem is that this way, editor does not recognize given HTML as "AngularJS file" so JavaScript code completion in expression does not work, neither does coloring etc. For instance:


 <table>
        <tr data-ng-repeat="spec in specs | filter:titleQuery">
            <td><a href="#specification/{{spec.id}}">{{spec.version}} - {{spec.title}}</a></td>
            <td data-ng-repeat="action in spec.controls">
                <div class="btn-toolbar">
                    <div class="btn-group" >
                        <button class="btn" data-ng-click="perform(action.onClick, spec.id)">{{action.title}}</button>
                    </div>
                </div>
            </td>
        </tr>
    </table>


=> expressions in between {{ }} are not colored correctly (plain black) and code completion inside them does not work. Once I add single ng-* attribute to the entire page, it starts to work. Even following does work

<li data-ng-repeat="b in breadcrumbs"><a href="#/{{b.link}}">{{b.title}}</a> <span class="divider">/</span></li>

This could be dupl. of issue 224637 , but I think this is slightly different. I'm sorry if not.



Product Version: NetBeans IDE Dev (Build web-main-10829-on-20130618)
Java: 1.7.0_25; Java HotSpot(TM) Client VM 23.25-b01
Runtime: Java(TM) SE Runtime Environment 1.7.0_25-b15
System: Linux version 3.2.0-45-generic-pae running on i386; UTF-8; en_US (nb)