From c99e0f3ec069b0b4fa6622d131ad4eda50c556a4 Mon Sep 17 00:00:00 2001
From: dominicbachmann <dominic.bachmann4@gmail.com>
Date: Sat, 5 Apr 2025 12:19:28 +0200
Subject: [PATCH] docs(material/chips-form-control): fix aria-label binding of
 chips-form-control-example

Fixes the aria-label binding of the remove keyword button in chips-form-control-example html. The aria-label used string concatenation with an attribute instead of a property binding.
---
 .../chips/chips-form-control/chips-form-control-example.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components-examples/material/chips/chips-form-control/chips-form-control-example.html b/src/components-examples/material/chips/chips-form-control/chips-form-control-example.html
index f39e3a3dd152..4cae76b49fca 100644
--- a/src/components-examples/material/chips/chips-form-control/chips-form-control-example.html
+++ b/src/components-examples/material/chips/chips-form-control/chips-form-control-example.html
@@ -11,7 +11,7 @@
     @for (keyword of keywords(); track keyword) {
       <mat-chip-row (removed)="removeKeyword(keyword)">
         {{keyword}}
-        <button matChipRemove aria-label="'remove ' + keyword">
+        <button matChipRemove [attr.aria-label]="'remove ' + keyword">
           <mat-icon>cancel</mat-icon>
         </button>
       </mat-chip-row>