我想隐藏原始输入

  • 本文关键字:原始 隐藏 angularjs
  • 更新时间 :
  • 英文 :


我尝试使用 ng-show 隐藏行输入,但不起作用。该字段与form.purchase级联工作: - 如果 form.achat = R(续订(,则该字段可见 - 如果表单购买 = 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>

属性中有两次ng-show属性:

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

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

我在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>

最新更新