Question

我有一个下拉列表，将值绑定为SITE，FIBER和OTHERS

并在其下方有两个名为Approve和Reject的单选按钮

现在，如果要从下拉列表中选择Reject，我想隐藏FIBER单选按钮。

如何使用Angular JS实现此目的。请帮助

下面是我的代码。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.4/angular.min.js"></script>

<!-- dropdownlist -->

<select class="form-control" id="FiberLead_ddlUtility" ng-model="UtilityModel" ng-change="refreshAllDllCMM()">
    <option value="">Please Select</option>
    <option ng-value="UTILITY" ng-repeat="UTILITY in UTILITYS">{{UTILITY}}</option>
</select>




<!-- Radio button -->


<div class="customeRadioWrap">
    <div class="customeRadio">
        <input type="radio" id="rdApprove" name="radio-group"
               ng-value="true" ng-model="radioAppRejSelected">
        <label for="rdApprove">Approve</label>
    </div>
    <div class="customeRadio">
        <input type="radio" id="rdReject" name="radio-group"
               ng-value="false" ng-model="radioAppRejSelected">
        <label for="rdReject">Reject</label>
    </div>
    <button class="btn btn-default customBtn"
            ng-click="ConfirmApproveRejectCMM()">
      <i class="fa fa-check" aria-hidden="true"></i>
      Submit
    </button>
</div>

Answer 1

您可以使用ng-if指令来实现。当UtilityModels值为FIBER时，下面的代码将隐藏拒绝按钮。

static

Demo

使用angularjs从下拉列表中选择一个值时，隐藏单选按钮

1 个答案: