Question

我有两个下拉列表。第二个下拉列表将被隐藏，直到第一个下拉列表中的任何值不是＆＃34;无＆＃34;选择。有没有一种简单的方法只使用角度指令？我不想再次使用$ 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>

Answer 1

好吧，如果你想进一步处理选择，你需要将选择绑定到$ scope变量，这样第一个列表可能是：

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

和第二个：

    <select ng-model="select2" ng-if="select1 != null">  
      ....
    </select>

Angular显示一个基于上下拉列表值的下拉列表

1 个答案: