0
私は、tsファイルのプロパティに接続されたラジオボタンを使用しようとしていましたが、別のdivを隠したり表示したりしていましたが、*ngIf="isFooSelected"
と[hidden]="!isFooSelected"
の両方が最初の読み込みでしか動作しないようです。 typescriptでこれを行うための別のコンベンションはありますか?高さを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; }
あなたのコードが期待どおりに機能しない理由と、コードを表示しない場合の修正方法については言えません。 –
@JBNizet、申し訳ありませんが、私はそれがエラーの問題ではなく、間違ったツールを実装しようとしていると仮定しました。私は自分のコードを少し追加しました。 – azulBonnet
p-radioButtonは何か標準的なものではないので、推測せずに何が間違っていると言うのは難しいです。私の推測は、期待通りに動作するhttp://plnkr.co/edit/oO2HfkBNCT639bGNDIZt?p=previewのように、 'value'ではなく' [value] 'でなければなりません。それ以外の場合、バインドされた値は文字列 'false'と 'true'です。どちらも真実です。 –