title: Select a default radio button in angular 6
body: <p>I am new to Angular. Need some help here. There are two radio buttons for two text fields:</p>
  
  <pre><code>&lt;div class="col-1"&gt;
   &lt;label class="radio-container mb-0 mt-1"&gt;&amp;nbsp;
     &lt;input id="Page_Color" name="Page_Color" type="radio" [(ngModel)]='Br.Page_IsGraphic'
                        [value]='false' (change)="updateRadioChangeValToObj('Page_IsGraphic','Page_IsGraphic','Page_GraphicName','Page_Color')"&gt;
      &lt;span class="checkmark"&gt;&lt;/span&gt;
   &lt;/label&gt;
  &lt;/div&gt;
  
  
  &lt;div class="col-1"&gt;
     &lt;label class="radio-container mb-0 mt-1"&gt;&amp;nbsp;
        &lt;input id="IsGraphic" name="IsGraphic" type="radio" (change)="updateRadioChangeValToObj('Page_IsGraphic','Page_Graphic','Page_GraphicName','PageColor')"
                           [(ngModel)]='Br.Page_IsGraphic' [value]='true'&gt;
       &lt;span class="checkmark"&gt;&lt;/span&gt;
     &lt;/label&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>In <code>[(ngModel)]='Br.Page_IsGraphic'</code> Br.Page_IsGraphic value is either true or false and that is dynamic and based on that the radio button is getting checked i think.
  If it's true then the second radio button gets selected and if it's false then the 1st one.
  Now the 1st text field had to be removed as per the requirement and I want the second radio button to be always selected by default.
  Br.Page_IsGraphic value should be set to true  before theis code gets executed for this to work? or is there another way.
  I tried <code>[checked]="true"</code> and that did not work.                </p>