docs(forms): escape inequality signs of input tags in flowchart (#59517)

The input tags written within the flowcharts in the document were not being escaped, so we did that.
This change will ensure that the flowcharts in the document are properly displayed.

PR Close #59517
This commit is contained in:
carimatics 2025-01-15 00:25:00 +09:00 committed by kirjs
parent 8ce3e774c0
commit f012494e1e

View file

@ -110,7 +110,7 @@ The view-to-model diagram shows how data flows when an input field's value is ch
```mermaid
flowchart TB
U{User}
I("<input>")
I("&lt;input&gt;")
CVA(ControlValueAccessor)
FC(FormControl)
O(Observers)
@ -130,14 +130,14 @@ The model-to-view diagram shows how a programmatic change to the model is propag
```mermaid
flowchart TB
U{User}
I(<input>)
I("&lt;input&gt;")
CVA(ControlValueAccessor)
FC(FormControl)
O(Observers)
U-->|"Calls setValue() on the FormControl"|FC
FC-->|Notifies the ControlValueAccessor|CVA
FC-.->|Fires a 'valueChanges' event to observers|O
CVA-->|"Updates the value of the <input>"|I
CVA-->|"Updates the value of the &lt;input&gt;"|I
```
### Data flow in template-driven forms
@ -157,7 +157,7 @@ The view-to-model diagram shows how data flows when an input field's value is ch
```mermaid
flowchart TB
U{User}
I(<input>)
I("&lt;input&gt;")
CVA(ControlValueAccessor)
FC(FormControl)
M(NgModel)
@ -207,7 +207,7 @@ flowchart TB
FC2(FormControl)
O(Observers)
CVA(ControlValueAccessor)
I("<input>")
I("&lt;input&gt;")
FC2-.->|Fires a 'valueChanges' event to observers|O
O-->|ControlValueAccessor receives valueChanges event|CVA
CVA-->|Sets the value in the control|I