Javascript 如何在JS中根据国家选择预先选择电话号码？

我想有一个国家选择下拉列表，根据国家选择，下面的电话号码输入框应自动预选手机号码代码

所以，我会保存电话号码国家代码和国家

我已经看过这个plunker

plnkr.co/edit/DYyfGj？p=preview

，但它不像我想要实现的那样

这就是我迄今为止所尝试的：

HTML:

<select ng-model="country" 
    ng-options="country.name for country in countriesWithPhoneCode" 
    >
    <option value="">Select country</option>
  </select>

  {{country}}

选择国家
{{国家}

目前，上述代码列出了这些国家。根据选择，我需要为下一次输入预先填充拨号代码

---

这是我对这个问题的理解

国家：
选择国家



电话：


{{country.name}-{{country.dial_code}}{{phone}

那么您的问题是什么？你走了多远？你被什么困住了？请出示您的代码..欢迎使用SO。请更准确地说明您真正想要做什么，以及到目前为止您已经尝试了什么。@Mike更新代码。演示似乎很好…确切的问题是什么？你需要告诉我与当前不同的预期结果是什么我自己找到了问题的答案：P

Country : <select ng-model="country" ng-options="country.name for country in countriesWithPhoneCode">
              <option value="">Select country</option>
          </select>
<br/><br/>
Phone :   <input value="{{country.dial_code}}" disabled/>
          <input ng-model="phone"/>
<br/>

{{country.name}} - {{country.dial_code}} {{phone}}