title: How to trigger radio button in angular 12
body: <p>I am trying to trigger the radio button in angular 12 but it is not working. If i click the button depends on the text i want to checked the radio button.</p>
  <pre><code>If i click beef button, beef radio button should be checked. 
  If i click Lamb button, Lamb radio button should be checked. 
  If i click Fish button, Fish radio button should be checked.
  </code></pre>
  <p>radios.component.html:</p>
  <pre><code>&lt;input type=&quot;radio&quot; name=&quot;food&quot; value=&quot;beef&quot; [(ngModel)]=&quot;myFood&quot; /&gt; Beef
  &lt;input type=&quot;radio&quot; name=&quot;food&quot; value=&quot;lamb&quot; [(ngModel)]=&quot;myFood&quot; /&gt; Lamb
  &lt;input type=&quot;radio&quot; name=&quot;food&quot; value=&quot;fish&quot; [(ngModel)]=&quot;myFood&quot; /&gt; Fish
  
  &lt;br /&gt;&lt;br /&gt;
  
  &lt;button (click)=&quot;checkit('beef')&quot;&gt;Beef&lt;/button&gt;
  &lt;button (click)=&quot;checkit('lamb')&quot;&gt;Lamb&lt;/button&gt;
  &lt;button (click)=&quot;checkit('fish')&quot;&gt;Fish&lt;/button&gt;
  </code></pre>
  <p>Demo: <a href="https://stackblitz.com/edit/angular-ivy-rktjxe?file=src%2Fapp%2Fradios%2Fradios.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-ivy-rktjxe?file=src%2Fapp%2Fradios%2Fradios.component.html</a></p>