<div>
    <div>
    {{text-field id="countryid" type="text"}}
    </div>
    {{state-component model=model}}
    </div>

{{#if isFlag}}
    <div>
    {{text-field id="stateid" type="text"}}
    </div>
    {{else}}
    {{/if}}

var flag;
    export default Ember.Component.extend({
    isFlag: Ember.computed('flag', function() {
    flag = this.get('model').get('flag');
    return Ember.isEqual(flag, 'true');
})
    })

export default Ember.Route.extend({
    model(){
    return info.create({"flag": ""})
    }});

    afterModel(){
    Ember.$.ajax({
    url: `${ENV.host}/retrieveInfo`,
    type: 'POST',
    data: `id=geoid`,
    success: (data) => {
      this.modelFor('sample').setProperties({
          "flag": data.flag
      });
    }
    }

model(){
  return Ember.$.getJSON('url');
}

{{my-component model=model }}