繁体   English   中英

在按角度绑定选项后从下拉列表中选择值

select value from dropdown after bind the options in angular

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在角度模块中有一个模型

$scope.employee  = {}
$scope.countries={}
$scope..employee.Country_id = 10
$scope.employee.City_id = 50

然后按以下方式绑定两个选择元素

$http.get("/api/initdataapi/GetCountry").success(function (data) {
    $scope.countries = data;
});
$scope.$watch('employee.Country_id', function (newValue, oldValue) {
    var url = "/api/initdataapi/GetByCountry/" + newValue;
    $http.get(url).success(function (data) {
        $scope.Cities = data;

    });

问题是当页面加载后,角度绑定国家/地区并选择employee.Country_id ,为此$watch检测模型更改并触发getCities ,角度绑定将城市绑定到select元素中,但未选择员工市

HTML:

<div class="col-sm-3 premove">
    <span>Nationality</span>
    <select ng-model="employee.Country_id " >
        <option ng-repeat="county in countries" value="{{county.Id}}">{{county.Name_En}}</option>
    </select>
</div>
<div class="col-sm-4 premove">
    <span>Place of birth -{{employee.City_Id}}</span>
    <select ng-model="employee.City_Id">
        <option ng-repeat="birthCity in Cities" value="{{birthCity.City_Id}}">{{birthCity.City_Ename}}</option>
    </select>
</div>

我应该怎么做才能解决这个问题?

1 个回复

尝试使用ng-option代替select和option。 您的html应该是

<div class="col-sm-3 premove">
                    <span>Nationality</span>
          <select ng-options="country.Id as country.Name_En for country in countries" ng-model="employee.Country_id"></select>      
 </div>
 <div class="col-sm-4 premove">
                    <span>Place of birth -{{employee.City_Id}}</span>
         <select ng-options="birthCity.City_Id as birthCity.City_Ename for birthCity in Cities" ng-model="employee.City_Id"></select>    
                </div>
1 我应该如何从Angular-2的下拉列表中将数组与多个选择选项绑定

我正在尝试使用多重选择下拉列表绑定数组对象,以便将所选值传递给模型以与其他模型详细信息一起保存。 在这里,我正在使用change事件接收选择的选项值,但是该功能在我的代码中不起作用: HTML代码 : 选择下拉菜单的任何值时,应调用component.ts描述的oncusto ...

4 Angular 6无法从提供的对象中自动选择/绑定下拉列表值

我从服务中获取一个国家/地区对象,并将其绑定到具有国家/地区下拉列表的表单。 从服务中检索国家后,该国家似乎没有被选中,但所有其他数据都显示为OK,包括绑定到下拉列表的字符串性别字段。 我可以从列表中手动选择国家/地区。 如何自动将所选国家/地区显示? 个人details.compo ...

6 无法在 Angular 中绑定选择选项

我正在尝试将此数据绑定到 DropDown 或 Select 选项。 该值未绑定到表单控制器。 这个问题是: 绑定api后如何加载ngOninit? 组件.html 组件.ts 不知道我在这里遗漏了什么......请帮助提供相关数据。 ...

2020-11-13 13:56:04 1 31   angular
8 角度2-将对象绑定到下拉列表并根据事件选择值

我创建了一个下拉列表,其中有绑定供应商作为对象。 我在此下拉菜单的顶部有一个网格,在其中选择值并将其添加到表格网格中。 关系中包含SupplierName和SupplierId。 我正在尝试选择下拉式onEdit事件的值,但似乎无法使其正常工作。 以下是我到目前为止的尝试。 ...

10 尝试将“选择”绑定为下拉列表中的值

我正在尝试将值绑定为dropdown.select中的select,但是遇到错误我有一个dropdown 在页面加载时具有值绑定。 如果提交时未选择任何值,则值“ select”将保存在数据库中 但是当我从数据库中获取价值时,我只是在做 但这将在从数据库“ ddl ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM