Question

我正在Angular和Ionic的帮助下开发移动应用程序。

我的地址数据是这样的：

var data =  [{"Address":"abcd","City":"Aromas","StateName":"CALIFORNIA","Country":"United States","ZipCode":"95004"}]

所以我只是在

中推送这些数据

$scope.Add = data;

并在视图中显示

<div ng-repeat="demoData in Add">
<label class="item item-input"><input type="text" placeholder="Address" ng-model="demoData.Address" name="uStreetName" required="" autocomplete="off"/></label> 
<label class="item item-input"><input type="text" placeholder="City" ng-model="demoData.City" name="uCity" required="" autocomplete="off"/></label> 
<label class="item item-input item-select"><div class="input-label">&nbsp;</div><select ng-model="demoData.StateID" ng-options="stateL.StateID as stateL.StateName for stateL in StateList"><option value="" disabled hidden>State</option></select></label> 
<label class="item item-input item-select"><div class="input-label">&nbsp;</div><select ng-model="demoData.CountryID" ng-options="countryL.CountryID as countryL.Country for countryL in CountryList"><option value="" disabled hidden>Country</option></select></label> 
<label class="item item-input"><input type="text" placeholder="Zip" ng-model="demoData.ZipCode" name="uZip" required="" autocomplete="off"/></label>  
</div>
<button class="button button-full button-assertive" ng-click="go(demoData)">Next</button>

我已经删除了这样的国家和州数据：

CountryList :[{"CountryID":1,"Country":"United States"},{"CountryID":2,"Country":"Austria"},{"CountryID":3,"Country":"India"}] 
StateList :[{"StateID":1,"StateName":"ALASKA"},{"StateID":2,"StateName":"ALABAMA"},{"StateID":3,"StateName":"ARKANSAS"},{"StateID":4,"StateName":"AMERICAN SAMOA"}]

我的问题是，在解决来自API的州和国家时，我必须在选择输入框中显示，用户可以编辑相同的内容。如果需要，允许用户选择州和国家。

修订：我使用地址API来获取地址，我自动填充相同的地址。我想在选择输入中自动填充，但条件是用户可以根据需要重新选择州和国家。

Answer 1

如果我理解正确，您已填充选择输入，但需要将默认值设置为已根据用户地址保存的值。您遇到的问题是，您使用CountryID和StateID作为选项的值，但用户地址中保存的国家/地区和国家/地区使用Country和{{1 }}

您还需要修改与输入一起使用的模型，因为数据中没有StateID和CountryID。

要解决此问题，请更改选择输入以将名称用作值和名称，如下所示：

StateName

如何在选择输入和编辑中推送json数据

1 个答案: