Html 为什么角度控制不隐藏？（隐藏但保留在DOM中以保留值）

我希望能够从HTML中隐藏角度控件，以便在TypeScript中获取值

我阅读了许多外部文章，以及SO文章，包括：

我能说的唯一区别是，它们通常是在像div这样的常规html上执行此操作，而不是在角度控件上

我尝试了以下方法：

[style.display]="'none'"  (no)
[style.visibility]="'hidden'"
[hidden]="hideElement"
[style.display]="hideElement?'none':'inherit'">

例如：

<mat-form-field class="input-width">
       <input matInput i18n-placeholder="@@Thing_N_55" placeholder="First Name" [style.visibility]="'hidden'" formControlName="firstName" value="{{user.FirstName}}" required>
 </mat-form-field> 

---

我缺少什么？

尝试创建一个CSS类，并在设置的条件下启用它

.hide-element {
 display: none;
}

然后在您的HTML中尝试以下内容

<mat-form-field class="input-width">
   <input matInput i18n-placeholder="@@Thing_N_55" placeholder="First Name" 
   [class.hide-element]="true" formControlName="firstName" value=" 
   {{user.FirstName}}" required>
</mat-form-field> 

在此处显示为true的情况下，您可以有任何等于true的条件，这些条件应将CSS类应用于元素，并且元素还应保留在DOM中，作为其唯一应用的添加CSS，并且没有删除元素的控制器逻辑。

这应该可以正常工作：

[hidden]="true"

---

[style.visibility]=“'hidden'”

适合我，你在这个例子中看到了什么？可能您想在外部元素

mat form字段上应用此条件

为什么不*ngIf？“这样我就可以在TypeScript中获得值”，这是什么意思？为什么不直接使用class&css呢？@ABOS我只是在想这个，我试过了，但还是不起作用。拉斐尔：我希望永远都是这样hidden@MsuArven我更大的目标是能够让我们i18n翻译typescript中的变量。我想通过隐藏一个元素（翻译）来实现这一点。在typescript中获取该值，然后将其输出到另一个字段中的页面。你能更详细地谈谈你在课堂上的想法吗。我可以用它隐藏，但是当我试图获取值时，它是空的。当我在非隐藏字段上获取值时，它会将其打印到控制台。我有：HTML TS:console.log（this._prflFrm.controls[“testField”].value）；如果字段被隐藏，它什么时候会有值？如果它接受一个值然后隐藏，当满足隐藏它的条件时，您可能希望将它传递给类中声明的变量。好的，我不确定我是否理解正确，但我现在有了这个值，但仍然为null:TS:this。_pFrm=this.fb.group（…）；console.log（this.pFrm.controls[“testField”].value'this.hideElement=true；HTML：如果在创建表单时css自动隐藏了字段，如何从表单中获取值？

[hidden]="true"