如何使用angularjs来更改另一个select标记的值
How to use angularjs to change the values of another select tag?
我有两个Web API正在调用。第一个api Type中的每个值都有一个ID
,需要用于筛选第二个api,即Category。JSON
如下:
// Types
[{"ID":1,"Text":"Hardware","Description":"Hardware"},
{"ID":2,"Text":"Software,"Description":"Software"}"}];
// Categories
[{"ID":1,"TypeID":1,"ParentID":0,"Name":"Printing"},
{"ID":2,"TypeID":1,"ParentID":1,"Name":"Toner"}]
首先,您必须存储将用于筛选另一个数组的selectedTypeID,然后您可以在第二个数组中调用Angular$filter。
Sintax:
$filter('filter')(array, expression, comparator)
例如:
$filter('filter')($scope.categories, {TypeID: $scope.selectedTypeID}, comparator)
我想你在问这个问题:*如何根据另一个select
输入中的选择动态填充select
输入?
我认为你可以走两条路。如果没有太多的总数据(如Categories
(,可以在第二组数据上使用filter
。https://docs.angularjs.org/api/ng/filter/filter#!
您可以在HTML或控制器中执行此操作!
<!-- HTML Page -->
<select>
<option ng-repeat="value in values | filter..." value=value>
</select>
// controller.js
values = ($filter('filter')(result.Values, {Id: $routeParams.Id}));
如果要筛选大量数据,请考虑将对Category
API的调用延迟到选择Type
。
如果没有看到控制器/HTML之类的东西,很难给出具体的答案,但我认为这会让你朝着正确的方向前进。
$scope.countries = CustomerService.getCountry();
$scope.getCountryStates = function(){
$scope.sates = CustomerService.getCountryState($scope.customer.Country);
$scope.cities =[];
};
<select ng-model="customer.State"
ng-options="x.Id as x.state for x in sates"
ng-change = "getStateCities()"
class="form-control"
ng-required="true"
id="state">
<option value="">-- Choose State --</option>
</select>
<select ng-model="customer.City"
ng-options="x.Id as x.city for x in cities"
class="form-control"
ng-required="true"
id="city">
<option value="">-- Choose City --</option>
</select>
使用演示检查完整的代码
相关文章:
- 从select中选择一个选项,然后使用Codeigniter在另一个选择框上显示数据
- 角度 ui-select 绑定到一个属性,但向用户显示另一个属性
- 一个 F.Select 是否在同一表单中影响另一个?(不需要)
- 从带有mysql数据的列表框中获取选定的select值,以打开另一个列表框并使用该值获取mysql数据
- 如何在DojoGridX的单元格编辑器中根据另一个单元格的值过滤select组件的选项
- 从另一个圆设置圆的属性's属性使用d3.select
- Angular.js将值从select传递到另一个视图
- 如何使用angularjs来更改另一个select标记的值
- 根据AngularJS中另一个select元素的值设置选择选项
- 使用javascript使用另一个SELECT多个值更新SELECT多个列表(使用erichynds multisele
- 如何将值从一个Select更改为另一个Select
- 触发& lt; select>另一个元素的click
- 从select中获取一个变量值,并将其传递给另一个JS文件
- 在AngularJS中如何根据另一个Select的选择索引来改变一个Select标签的内容
- 当选择不同的选择选项时,更改另一个SELECT标记的值
- HTML SELECT-在从一个选项更改为另一个选项时运行脚本
- 获取一个select's值,并在angularJs中更改另一个select后将其更新为一个变量
- 在EXT JS中使用JSON根据在另一个DropDown中选择的值填充一个DropDown/Select
- 将observableArray映射到基于另一个json数组的Multiple SELECT
- AngularJS-使用Select元素的Form从另一个对象获取Id