Simplify interpolation handling in ngNonBindable (#20115)

tests/format/angular/ng-non-bindable/__snapshots__/format.test.js.snap

@@ -78,24 +78,38 @@ parsers: ["angular"]
 
 <pre ngNonBindable>{{foo   +bar}}</pre>
 
+<div ngNonBindable>   {{   foo   +   bar   }}   </div>
+<div ngNonBindable>   [[   foo   +   bar   ]]   </div>
+<span ngNonBindable>   {{   foo   +   bar   }}   </span>
+<span ngNonBindable>   [[   foo   +   bar   ]]   </span>
+<pre ngNonBindable>   {{   foo   +   bar   }}   </pre>
+<pre ngNonBindable>   [[   foo   +   bar   ]]   </pre>
+
 =====================================output=====================================
-<span ngNonBindable>{{foo   +bar}}</span>
+<span ngNonBindable>{{foo +bar}}</span>
 
 <div ngNonBindable>
-  {{foo   +bar}}
-  <span>{{baz   +qux}}</span>
+  {{foo +bar}}
+  <span>{{baz +qux}}</span>
 </div>
 
 <span>{{ foo + bar }}</span>
 
 <span ngNonBindable>
   @if (A) {
-  <span>{{foo   +bar}}</span>
+  <span>{{foo +bar}}</span>
   }
 </span>
 
 <pre ngNonBindable>{{foo   +bar}}</pre>
 
+<div ngNonBindable>{{ foo + bar }}</div>
+<div ngNonBindable>[[ foo + bar ]]</div>
+<span ngNonBindable> {{ foo + bar }} </span>
+<span ngNonBindable> [[ foo + bar ]] </span>
+<pre ngNonBindable>   {{   foo   +   bar   }}   </pre>
+<pre ngNonBindable>   [[   foo   +   bar   ]]   </pre>
+
 ================================================================================
 `;
 

tests/format/angular/ng-non-bindable/embedded-language-formatting/__snapshots__/format.test.js.snap

@@ -7,9 +7,15 @@ parsers: ["angular"]
                                                       printWidth: 80 (default) |
 =====================================input======================================
 <span ngNonBindable>{{foo   +bar}}</span>
+<pre ngNonBindable>{{foo   +bar}}</pre>
+<span ngNonBindable>{{foo
+.bar(
+)}}</span>
 
 =====================================output=====================================
-<span ngNonBindable>{{foo   +bar}}</span>
+<span ngNonBindable>{{foo +bar}}</span>
+<pre ngNonBindable>{{foo   +bar}}</pre>
+<span ngNonBindable>{{foo .bar( )}}</span>
 
 ================================================================================
 `;

tests/format/angular/ng-non-bindable/embedded-language-formatting/ng-non-bindable.html

@@ -1 +1,5 @@
 <span ngNonBindable>{{foo   +bar}}</span>
+<pre ngNonBindable>{{foo   +bar}}</pre>
+<span ngNonBindable>{{foo
+.bar(
+)}}</span>

tests/format/angular/ng-non-bindable/interpolation.html

@@ -14,3 +14,10 @@
 </span>
 
 <pre ngNonBindable>{{foo   +bar}}</pre>
+
+<div ngNonBindable>   {{   foo   +   bar   }}   </div>
+<div ngNonBindable>   [[   foo   +   bar   ]]   </div>
+<span ngNonBindable>   {{   foo   +   bar   }}   </span>
+<span ngNonBindable>   [[   foo   +   bar   ]]   </span>
+<pre ngNonBindable>   {{   foo   +   bar   }}   </pre>
+<pre ngNonBindable>   [[   foo   +   bar   ]]   </pre>