Ember.js : Make country Code attribute of phone number and ultimately stored with phone number input field

I am trying to implement country dialing code dropdown for a input field which is currently set as type="text". Here is the current code .

I came up with the follwing solution ,

        <div class="ui left action input">
          
            <i class="dropdown icon"></i>
            <div class="default text"></div>
            <div class="menu">
              
                <div class="item">
                  <i class=" flag"></i>
                  
                </div>
              
            </div>
          
          
        </div>

but the problem is that country code is not being saved.

How can I implement it with ember.js????

I got hint from a developer , he said

Code should be a attribute of phone number and ultimately will be stored with phone number.

how to implement the above line?