最初にDOMをロードした後にdivを表示/非表示にしますか？

Question

私は、tsファイルのプロパティに接続されたラジオボタンを使用しようとしていましたが、別のdivを隠したり表示したりしていましたが、*ngIf="isFooSelected"と[hidden]="!isFooSelected"の両方が最初の読み込みでしか動作しないようです。 typescriptでこれを行うための別のコンベンションはありますか？高さを0に設定するクラスを追加したり削除したりするには、何らかのCSSハックを行う必要がありますか？

要求されたコード。申し訳ありませんが、それは私の具体的な試みに関連していなかったのでとてもシンプルでした。

の.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; } 

Answer 1

角度の設定は非常に意味がありません。 "[値]"で動作します。

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