Angular根据上面的下拉列表值显示一个下拉列表

Angular show one drop-down list based on upper drop-down list value

本文关键字：下拉列表 一个 显示 Angular      更新时间：2023-09-26

我有两个下拉列表。第二个下拉列表将被隐藏，直到第一个下拉列表中选择了除"无"以外的任何值。有没有一种简单的方法可以只使用角度指令来实现这一点？我不想再次使用$scope函数。看起来很初级，可以直接做。请帮忙。

<div class="list">
    <label class="item item-input item-select">
        <div class="input-label">
        Select month:
        </div>
        <select>
        <option selected>None</option>
        <option>January</option>
        <option>February</option>
        <option>March</option>
        <option>April</option>
        <option>May</option>
        <option>June</option>
        <option>July</option>
        <option>August</option>
        <option>September</option>
        <option>October</option>
        <option>November</option>
        <option>December</option>
        </select>
    </label>
    <label class="item item-input item-select">
        <div class="input-label">
        Select month:
        </div>
        <select>
        <option selected>1st</option>
        <option>2nd</option>
        <option>3rd</option>
        <option>4th</option>
        <option>5th</option>
        <option>6th</option>
        <option>7th</option>
        <option>8th</option>
        <option>9th</option>
        <option>10th</option>
        </select>
    </label>
    </div>

好吧，如果你想进一步处理选择，你无论如何都需要将选择绑定到$scope变量，所以第一个列表可以是：

    <select ng-model="select1">
      ....
    </select>

第二种：

    <select ng-model="select2" ng-if="select1 != null">  
      ....
    </select>
相关文章：