Question

我希望有一个国家/地区选择下拉菜单，根据国家/地区选择，下面的电话号码输入框应自动预先选择手机号码。

因此，我将保存电话号码国家/地区代码和国家/地区。

我已经看过这个傻瓜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}}

目前上面的代码列出了这些国家/地区。根据选择，我需要预先填充拨号代码以进行下一次输入。

这里是我的傻瓜https://plnkr.co/edit/zmTmpgCJ70N0MOO2UW4U?p=preview

Answer 1

据我了解这个问题，

https://plnkr.co/edit/sbWy7xOKWSzdDZuY2xWk?p=preview

>(compile 'addup2)                                                                     

Compiling /tmp/gazonk_3012_0.lsp.
End of Pass 1.  

;; Note: Tail-recursive call of F was replaced by iteration.
End of Pass 2.  
OPTIMIZE levels: Safety=0 (No runtime error checking), Space=0, Speed=3
Finished compiling /tmp/gazonk_3012_0.lsp.
Loading /tmp/gazonk_3012_0.o
start address -T 0x9556e8 Finished loading /tmp/gazonk_3012_0.o
#<compiled-function ADDUP2>
NIL
NIL

>>(addup2 1000000)                                                                                                                                            

500000500000
>(addup3 1000000)

Error: ERROR "Invocation history stack overflow."
Fast links are on: do (si::use-fast-links nil) for debugging
Signalled by IF.
ERROR "Invocation history stack overflow."

Broken at +.  Type :H for Help.
    1  Return to top level. 

>>(compile 'addup3)                                                                                                                                           

Compiling /tmp/gazonk_3012_0.lsp.
End of Pass 1.  
End of Pass 2.  
OPTIMIZE levels: Safety=0 (No runtime error checking), Space=0, Speed=3
Finished compiling /tmp/gazonk_3012_0.lsp.
Loading /tmp/gazonk_3012_0.o
start address -T 0x955a00 Finished loading /tmp/gazonk_3012_0.o
#<compiled-function ADDUP3>
NIL
NIL
>>(addup3 1000000)                                                                                                                                            

Error: ERROR "Value stack overflow."

＆＃13;

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}}

＆＃13;

// Code goes here

var app = angular.module('myApp',
    []);

app.controller('countryCtrl', [
        '$scope',
function($scope) {

$scope.countriesWithPhoneCode = [
{
"name": "Afghanistan",
"dial_code": "+93",
"code": "AF"
},
{
"name": "Aland Islands",
"dial_code": "+358",
"code": "AX"
},
{
"name": "Albania",
"dial_code": "+355",
"code": "AL"
},
{
"name": "Algeria",
"dial_code": "+213",
"code": "DZ"
},
{
"name": "AmericanSamoa",
"dial_code": "+1684",
"code": "AS"
},
{
"name": "Andorra",
"dial_code": "+376",
"code": "AD"
},
{
"name": "Angola",
"dial_code": "+244",
"code": "AO"
},
{
"name": "Anguilla",
"dial_code": "+1264",
"code": "AI"
},
{
"name": "Antarctica",
"dial_code": "+672",
"code": "AQ"
},
{
"name": "Antigua and Barbuda",
"dial_code": "+1268",
"code": "AG"
},
{
"name": "Argentina",
"dial_code": "+54",
"code": "AR"
}
];

}]);

＆＃13;

如何根据角度JS中的国家选择预先选择手机代码？

1 个答案: