如何使用ng-select和ng-options

时间:2014-08-27 13:24:56

标签: angularjs model angularjs-ng-options

我正在通过模型attiribute从控制器加载国家列表,同时到达此页面。但我选择的价值并不是我的选择。请提供一些解决方法,或者我应该使用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());

国家/地区列表是我放入模型并将其发送到客户端的哈希映射。

2 个答案:

答案 0 :(得分:0)

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

希望有效!!

答案 1 :(得分:0)

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