diff --git a/tests/format/angular/interpolation/html/17428.html b/tests/format/angular/interpolation/html/17428.html
new file mode 100644
index 000000000..13d079f76
--- /dev/null
+++ b/tests/format/angular/interpolation/html/17428.html
@@ -0,0 +1 @@
+(there is no {{`${activityType === '' ? 'activity' : ''}${activityType === '' && costCenter === '' ? ' or ' : ''}${costCenter === '' ? 'cost center' : ''}`}})
diff --git a/tests/format/angular/interpolation/html/__snapshots__/format.test.js.snap b/tests/format/angular/interpolation/html/__snapshots__/format.test.js.snap
new file mode 100644
index 000000000..e1c361775
--- /dev/null
+++ b/tests/format/angular/interpolation/html/__snapshots__/format.test.js.snap
@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`17428.html format 1`] = `
+====================================options=====================================
+parsers: ["angular"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+(there is no {{\`\${activityType === '' ? 'activity' : ''}\${activityType === '' && costCenter === '' ? ' or ' : ''}\${costCenter === '' ? 'cost center' : ''}\`}})
+
+=====================================output=====================================
+(there is no
+{{
+  \`\${activityType === "" ? "activity" : ""}\${activityType === "" && costCenter === "" ? " or " : ""}\${costCenter === "" ? "cost center" : ""}\`
+}})
+
+================================================================================
+`;
diff --git a/tests/format/angular/interpolation/html/format.test.js b/tests/format/angular/interpolation/html/format.test.js
new file mode 100644
index 000000000..8cbc48b1a
--- /dev/null
+++ b/tests/format/angular/interpolation/html/format.test.js
@@ -0,0 +1 @@
+runFormatTest(import.meta, ["angular"]);