How to leave a radiobutton marked as default on Ember

Question

I have these two Components radio-button. I’d like to leave the Pessoa Física marked/checked as default. How do I do this in Emberjs ?.

<div>
  <label>Pessoa Física</label>
  {{radio-button
    id="classificacao-pessoa-is-fisica"
    radioClass="classificacao-pessoa-is-fisica" 
    groupValue=classificacao.pessoa.tipo
    value='FISICA'
  }}
</div>
<div  class="col-sm-12 text-right">
  <label>Pessoa Jurídica</label>
  {{radio-button
    id="classificacao-pessoa-is-juridica"
    radioClass="classificacao-pessoa-is-juridica"
    groupValue=classificacao.pessoa.tipo
    value='JURIDICA'
  }}
</div>

Answer 1

Just add the property classificacao in your controller or Component

import Ember from 'ember';

export default Ember.Controller.extend({
  .
  .
  .
  classificacao: {
    pessoa: {
      tipo: 'FISICA'
    }
  }
});

See the example in: https://ember-twiddle.com/8c560f0b5b75ca5308ca138ed694c414?numColumns=2&openFiles=templates.application.hbs%2Ctemplates.application.hbs

Answer 2

Try to add

checked="checked"

just on the radio you want