0

我的问题也很相似

不同之处在于：我必须首先基于默认语言显示文本区域，然后使用所选语言。我每种语言都有一个文本区域，一次只能显示一个。我可以应用Thierry Templier的答案来毫无问题地获得类似标签的行为。

这里是代码：我使用默认语言呈现一组单选按钮选项。

<div *ngFor="let language of model.appLanguages" style="display:inline">
    <input type="radio" name="title"
           id="language.languageId"
           [checked]="language.isDefault" /> {{ language.displayName }} 
  </div>

然后我必须首先基于默认语言显示一个文本区域，然后使用所选语言

<div [(hidden)]="showDefaultFirst(text.languageId)" class="row" *ngFor="let text of model.texts">
  <div id="{{text.languageId}}" class="col-sm-12">
    <editor [(ngModel)]="text.content" [ngModelOptions]="{standalone: true}" apiKey="..."></editor>
  </div>
</div>

后面的代码就像 Thierry Templier 的答案。知道如何根据默认值添加额外的步骤来隐藏页面加载中的元素吗？

4

1 回答 1

0

您需要使用 *ngIf 并检查条件并呈现必要的模板。

<div *ngFor="let language of model.appLanguages" style="display:inline">
<ng-container *ngIf="showDefaultFirst(text.languageId)">
    <input type="radio" name="title"
           id="language.languageId"
           [checked]="language.isDefault" /> {{ language.displayName }} 
</ng-container>
</div>
于 2018-06-15T01:50:05.490 回答