처음 DOM을로드 한 후 div를 숨기거나 표시 하시겠습니까?

화면에서 라디오 버튼을 사용하여 ts 파일의 속성에 연결하려고 시도했지만 다른 div를 숨기거나 표시하지는 않지만 *ngIf="isFooSelected"과 [hidden]="!isFooSelected"은 초기로드에서만 작동합니다. 타이프 스크립트로 이것을하기위한 또 다른 규칙이 있습니까? 높이를 0으로 설정하는 클래스를 추가하고 제거하려면 CSS 해킹이 필요합니까?처음 DOM을로드 한 후 div를 숨기거나 표시 하시겠습니까?

요청한 코드입니다. 죄송합니다. 너무 단순해서 제 구체적인 시도와 관련이 없다고 생각했습니다.

.html 중에서

<div class="ui-g-12"><p-radioButton name="group2" value="true" label="Shared" [(ngModel)]="isPouchesShared"></p-radioButton></div> 

    <div class="ui-g-12"><p-radioButton name="group2" value="false" label="Individual" [(ngModel)]="isPouchesShared"></p-radioButton></div> 

<div [hidden]="!isPouchesShared"> 
    isPouchesShared == true 
</div> 

<div *ngIf="isPouchesShared"> 
    isPouchesShared == true 
</div>

.TS : 확실히 이해가되지 않는 PrimeNg 문서의

export class FooComponent { 
    isPouchesShared: boolean = true; }

출처

2017-10-23 azulBonnet

코드가 예상대로 작동하지 않는 이유와 코드를 표시하지 않는 경우이를 수정하는 방법을 말할 수 없습니다. –

@JBNizet, 죄송합니다. 단지 오류가 아니지만 잘못된 도구로 구현하려고했습니다. 나는 약간의 코드를 추가했다. – azulBonnet

p-radioButton은 표준이 아니므로 추측하지 않고 잘못된 점을 말하기는 어렵습니다. 내 생각 엔 예상대로 작동하는 http://plnkr.co/edit/oO2HfkBNCT639bGNDIZt?p=preview 에서처럼 'value'대신 '[value]'이어야한다. 그렇지 않으면 바운드 값은 '거짓'과 '참'이라는 문자열입니다. 둘 다 진실입니다. –

각도 설정. "[value]"와 (과) 호환됩니다.

<div class="ui-g-12"><p-radioButton name="group2" value="true" label="Shared" [(ngModel)]="isPouchesShared"></p-radioButton></div> 

<div class="ui-g-12"><p-radioButton name="group2" value="false" label="Individual" [(ngModel)]="isPouchesShared"></p-radioButton></div> 

<div [hidden]="!isPouchesShared"> 
    isPouchesShared == true 
</div>

출처

2017-10-24 22:55:50 azulBonnet

처음 DOM을로드 한 후 div를 숨기거나 표시 하시겠습니까?

답변

관련 문제