Question

我试图在连接到ts文件中的属性的屏幕上使用单选按钮，然后将其挂钩以隐藏/显示另一个div，但似乎只有*ngIf="isFooSelected"和[hidden]="!isFooSelected"处理初始负载。使用打字稿还有另一种惯例吗？我是否需要进行某种类型的CSS hack来添加和删除将高度设置为零的类？

按要求的代码。对不起，我认为这很简单，与我的具体尝试无关。

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：

export class FooComponent {
    isPouchesShared: boolean = true; }

Answer 1

PrimeNg文档中的Angular设置并没有多大意义。使用＆＃34; [value]＆＃34;。

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

最初加载DOM后隐藏/显示div？

1 个答案: