Fix formatting of "angularControlFlowBlock" in span (#15615)

src/language-html/utils/index.js

@@ -145,7 +145,7 @@ function isLeadingSpaceSensitiveNode(node, options) {
   return isLeadingSpaceSensitive;
 
   function _isLeadingSpaceSensitiveNode() {
-    if (isFrontMatter(node)) {
+    if (isFrontMatter(node) || node.type === "angularControlFlowBlock") {
       return false;
     }
 
@@ -188,7 +188,7 @@ function isLeadingSpaceSensitiveNode(node, options) {
 }
 
 function isTrailingSpaceSensitiveNode(node, options) {
-  if (isFrontMatter(node)) {
+  if (isFrontMatter(node) || node.type === "angularControlFlowBlock") {
     return false;
   }
 

tests/format/angular/control-flow/__snapshots__/jsfmt.spec.js.snap

@@ -53,6 +53,30 @@ printWidth: 80
 ================================================================================
 `;
 
+exports[`chid.html format 1`] = `
+====================================options=====================================
+parsers: ["angular"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+<span>@if (test) {text}</span>
+<div>@if (test) {text}</div>
+
+=====================================output=====================================
+<span>
+  @if (test) {
+    text
+  }
+</span>
+<div>
+  @if (test) {
+    text
+  }
+</div>
+
+================================================================================
+`;
+
 exports[`defer.html format 1`] = `
 ====================================options=====================================
 parsers: ["angular"]

tests/format/angular/control-flow/chid.html

@@ -0,0 +1,2 @@
+<span>@if (test) {text}</span>
+<div>@if (test) {text}</div>