如何根据角度4 /角度2中的国家/地区选择来预选电话代码？

Question

我需要获取一个“国家/地区选择”下拉列表，然后根据“国家/地区选择”，下面的电话号码输入框应根据国家/地区自动选择手机号码代码。

Answer 1

这是您可以使用的一些示例代码。

HTML

<select [(ngModel)]="selectedValue"> 
    <option [value]="c.code" *ngFor="let c of countries">{{c.name}}</option>
</select>
<input type="text" [(ngModel)]="selectedValue" />

此代码与angular 2及更高版本兼容。

打字稿

  countries = [
    { code: "+12", name: "United States" },
    { code: "+13", name: "Australia" },
    { code: "+14", name: "Canada" },
    { code: "+15", name: "Brazil" },
    { code: "+16", name: "England" }
  ];
  selectedValue: any;