각도 숨어/보여주는 부분은 내가 다음과 같은 몇 가지 <code>input</code> 필드가 <code>form</code> 일부 <code>select</code> 필드가 폼 데이터를

Question

를 재설정합니다. 문제는 내가 두 번째를 숨기고 div 필드에 데이터가있는 경우이 데이터가 div 숨김으로 다시 설정된다는 것입니다. 왜 이런 일이 발생합니까? 나는 어떤 재산을 설정해야합니까? 감사. 에서 [숨김] 속성에

myFunction() { 
    if (!datiReferentiBancaClicked) 
    return {'visibility':'visible'} 
    else 
    return {'visibility':'hidden'} 
} 

또는

바인드 :

Answer 1

ngIf 대신 ngHide를 사용하십시오. ngIf가 DOM에서 요소를 완전히 제거하는 반면 요소를 축소하고 보이지 않게합니다.

Answer 2

당신은 당신의 구성 요소에 그런

당신의 사업부를 숨길 대신 *의 ngIf하는 [ngStyle] = "myFunction이"를 사용할 수 있습니다

<div [hidden]="datiReferentiBancaClicked"></div> 

* ngIf는 visibility : hidden이 수행하는 DOM의 요소를 제거합니다. n 오.

Answer 3

<div class="form-row"> 
<div ng-click="datiReferentiBancaClicked = !datiReferentiBancaClicked">Toggle</div> 
<div class="form-row" ng-show="!datiReferentiBancaClicked"> 
<label>Nome</label> 
<input type="text" id="refbnkNome" ng-model="richiesta.refbnkNome" placeholder="Nome"> 
</div> 
<div class="form-row" ng-hide="datiReferentiBancaClicked"> 
// if datiReferentiBancaClicked is true!. This div will be active! 
</div> 
</div> 
// This code is example for toggle