我想隐藏一个原始输入

Question

我尝试使用ng-show隐藏行输入，但不起作用。该字段与form.purchase级联工作：-如果form.achat =R(续订)，则该字段可见-如果form.buy =N(新)，则该字段为空并被屏蔽。这是我的html代码：

     <div class="form-group mode-update col-md-10 no-padding">
        <label class="col-md-4 control-label font-normal"> {{ 
    'field.investissement.nouveauRenouvellement' | translate }} </label>
        <div class="col-md-8">
            <div class="form-group mode-update col-md-12 
   no-padding">
                <div class="radio-inline">
                    <label for="achatBudgetTrue">
                        <input  ng- 
   disabled="disabledField" ng-checked="true" type="radio"   ng-true- 
 value="A" ng-false-value="B" name="achatBudget" value="N" ng- 
 model="entity.achatBudget" id="achatBudgetTrue"{{ 
        'field.investissement.achatBudget.nouveau' | translate }}
                    </label>
                </div>
 <div class="radio-inline">
 <label for="achatBudgetFalse">
 <input ng-change="operations.changeEntityField" 
 ng-disabled="disabledField" type="radio" name="achatBudget" value="R"
  ng-model="entity.achatBudget" id="achatBudgetFalse">
                        {{ 
    'field.investissement.achatBudget.renouvellement' | translate }}
                    </label>
                </div>
            </div>
        </div>
    </div>

     <raw-input
        property="field"
        vertical="true"
        ng-repeat="field in fields | updateParams:metadata | 
  filter : { fieldSet : 'fieldset.investissement.descriptif'} | filter : { 
   name : 'parcAncienBudget' }"
        entity="entity"
        on-update="operations.updateEntityField"
        on-change="operations.changeEntityField"
        metadata="metadata"
        ng-show="entity.achatBudget =='R'"
        mode="update"
        ng-show = "false"
        creating="creating"
        style="{inputSize: 'col-md-10 no-padding'}">
    </raw-input>

Answer 1

您的属性中有两次ng-show-attribute：

<raw-input
  ...
  ng-show="entity.achatBudget =='R'"
  ...
  ng-show = "false"

第二个元素的值覆盖第一个元素的值，因此无论entity.achatBudget的值是什么，都不会显示该元素。

Answer 2

我在js中添加了一个函数：

 $scope.isBudgetAchatVisible = false;
    $scope.ShowParc= function(value) {
    $scope.isBudgetAchatVisible = (value == "R") ? true : false;
      }

在视图中：

  <div class="radio-inline">
 <input  ng-checked="true" ng-change="ShowParc('N')" ............... > 
 </div>
<input ng-change="ShowParc('R')".....................>
 </div>
 <raw-input
  ng-if="isBudgetAchatVisible
  ..............
 </raw-input>