ng三级联绑定问题。
发布于 3 个月前 作者 jscztwn 283 次浏览 来自 问答

首先可以看到一个标准的例子。http://showcase.ngnice.com/#/select/cascade。

我现在后台造json树数据,前台绑定没问题,非常简洁,相比对每级联监听省了大量代码并且只要一次ajax。

但现在的问题就是,给出第三级的数据,比如朝阳区。如何反向绑定出第二和第一级联的内容。

我现在的解决方式就是模拟顺序绑定,但缺点明显,需要提供一二三级联的内容。有没有一种方式可以只根据第三级联内容倒推全绑定数据。

<select class="form-control" ng-model="vm.country" ng-options="country.label for country in vm.countries"> <option value="">-- 请选择国家 --</option> </select>
<select class="form-control" ng-model="vm.province" ng-options="province.label for province in vm.country.provinces"> <option value="">-- 请选择省份/州 --</option> </select>
<select class="form-control" ng-model="vm.city" ng-options="city.label for city in vm.province.cities"> <option value="">-- 请选择城市/县区 --</option> </select>
您选择的是:{{vm.country.label}} - {{vm.province.label}} - {{vm.city.label}}
这里使用ng-if指令来达到下一级有数据才显示下一级的效果
1 回复

网址有问题,点进去后选择下拉框控件中的级联即可。

回到顶部