Question

我试图使用ng-model来显示一系列下拉菜单。如果我将top select设置为empty选项，则其余的下拉列表应设置为空选项。

<select ng-model="ddl">
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<div ng-show="ddl">
<div ng-show="ddl != null">
    <select ng-model="ddl1">
        <option></option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
    </select>
    <div ng-show="ddl1"> 
        <select>
            <option></option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
        </select>
    </div>
</div>

JSFiddle-Link

Answer 1

您可以使用ng-change指令在控制器中运行一个函数，如果顶部的下拉列表为空，则将下拉列表设置为空。

https://docs.angularjs.org/api/ng/directive/ngChange#！

类似

$scope.reset = function() {
  if($scope.ddl === "") {
    $scope.ddl1 = ""; $scope.ddl2 = "";
  }
}

Angularjs将值设置为ng-model

1 个答案: