代码之家 › 专栏 › 技术社区 › firasKoubaa

角度材料:如何在两个输入垫选择之间调整参考

angular-ng-if angular-material2 angular-material typescript angular

0

firasKoubaa · 技术社区 · 7 年前

我在Angular 6应用程序下工作:

我有两个mat select inpust,我想在它们之间实现一个引用,顺便说一句,如果我在 ==值 'AAA' 这个第二

第一层选择 -&燃气轮机;
第二层选择 -&燃气轮机; 隐藏的

       <div class="form-group">
          <label class="col justify-content-start">Mode de chiffrement</label>
          <mat-form-field class="col" >
            <mat-select placeholder="Selectionner le mode de chiffrement" formControlName="modeChiffrement" #FirstSelect>
              <mat-option *ngFor="let modeCh of modeChiffrementData" [value]="modeCh.value">
                {{modeCh.viewValue}}
              </mat-option>
            </mat-select>
          </mat-form-field>
          </div>

          <div class="form-group" *ngIf="!(FirstSelect== 'AAA')">
            <label class="col justify-content-start">fichiers clÃ©s</label>
            <!--<input type="text" formControlName="modeTransfert" class="col form-control"/>-->
            <mat-form-field class="col" >
              <mat-select placeholder="Selectionner fichier" formControlName="fichiersCles">
                <mat-option *ngFor="let modeCh of modeChiffrementData" [value]="modeCh.value">
                  {{modeCh.viewValue}}
                </mat-option>
              </mat-select>
            </mat-form-field>
          </div>

但这是行不通的

思想?

1 回复 | 直到 7 年前

1

user4676340 user4676340 7 年前

您使用的引用实际上是一个材质元素(放在 mat-select ).

因为那个元素 implements ControlValueAccessor 接口,您可以像使用 HTMLInputElement

*ngIf="!(FirstSelect.value == 'AAA')"

第二种解决方案,由于您使用的是被动表单实例,所以您可以简单地使用

*ngIf="!(myForm.get('modeChiffrement').value == 'AAA')"