angularjs二级联动下拉框出现空白项，value带有问号的解决方案

最新推荐文章于 2021-10-16 23:42:06 发布

timelessmemoryli

最新推荐文章于 2021-10-16 23:42:06 发布

阅读量3.6k

点赞数

分类专栏： Angularjs 文章标签：下拉框空白问号 angularjs

本文链接：https://blog.csdn.net/u014788227/article/details/49617733

版权

在AngularJS中遇到二级联动下拉框显示空白项且value包含问号的异常情况，原因是选项一改变时，选项二的ng-model值未同步更新。解决方案在于，在切换选项一时清空选项二的ng-model，例如通过函数 `$scope.show` 将 `user.district` 重置为空字符串。

摘要由CSDN通过智能技术生成

<div class="form-row clearfix aux-aligned">
       <div class="aux-label">餐廳位置 (香港/九龍/新界/離島/澳門)</div>
            <select style="display: block; height: 36px;" name="user_area" id="user_area" class="left select" title="餐廳位置 (香港/九龍/新界/離島/澳門)" ng-options="a.city for a in list" ng-model="user.areaItem" ng-change="show()">
            </select>
</div>

<div class="form-row clearfix aux-aligned">
   <div class="aux-label">餐廳地區</div>
      <select style="display: block; height: 36px;" name="user_district" id="user_district" class="left select" title="餐廳地區" ng-model="user.district"
               ng-options="d for d in us