angularjs - 如何使用 ng-select 和 ng-options

Question

到达此页面时，我正在通过控制器的模型属性加载国家/地区列表。但是我选择的值没有与我的选择绑定。请提供一些解决方法，或者我应该使用 ng-options。

<div class="paddingTopBtm2">
    <label class="lblAlign">Country :<span class="required">*</span></label>
    <span> <form:select name="country" path="" id="country" 
                class="searchBoxWidth" ng-model="country">
                <form:options items="${countryList}" />
        </form:select>
    </span> <br />
</div>

model.put("countryList", ctrl.getCountryList());

国家列表是我放入模型并将其发送到客户端的哈希图。

Answer 1

$scope.list = [{
        id: 27,
        name: "loruth water point",
        latitude: 4.453488123,
        longitude: 35.36021409
    },
    {
        id: 28,
        name: "kibish",
        latitude: 5.286289986,
        longitude: 35.82917452
    },
}];

<select class="ui-select" data-ng-options="r.id as r.name for r in list "                                                        name="status" data-ng-model="users.status">
  <option value="">--Select--</option>
</select>

希望有效！！

Answer 2

<label>County: </label><span><select ng-model="country" ng-options="country in countryList"/> </span>