Angularjs custom commands enable three levels of linkage to select geographical locations,

Angularjs custom commands enable three levels of linkage to select geographical locations,

Angularjs custom commands achieve three-level linkage effect, first

Code

Tmpl.html

<Div class = "selectLocation"> <div> <select class = "btn-info btn-sm" ng-change = "changeCountry () "ng-model =" country "ng-options =" C. name for C in countryList "> <option value =" "> country </option> </select> </div> <select class =" btn-info btn -sm "ng-change =" changeProvince () "ng-model =" province "ng-options =" p. name for p in country. province "> <option value =" "> province/municipality </option> </select> </div> <select class =" btn-info btn -sm "ng-change =" changeCity () "ng-model =" city "ng-options =" c for c in province. city "> <option value =" "> city </option> </select> </div> <div style =" width: 348px; "> <input type =" text "class =" form-control "ng-model =" detailAddress "placeholder =" detailed address "ng-disabled =" country = ''| | country = null "/> </div>
The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.