如何根据角度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" />

此代码与角度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;