从angular中的html模板设置typescript变量的值

Question

如何在HTML模板中将表达式值设置为typescript局部变量 我试图将表达式值分配给变量，如下所示：

<span *ngIf="IsRangeValidate = !(section.FOFormFieldList[fieldIndex].FOFormFieldResponseText>=fieldInfo.MinVal && section.FOFormFieldList[fieldIndex].FOFormFieldResponseText<=fieldInfo.MaxVal)" class="text-danger">Value should be between {{fieldInfo.MinVal}} - {{fieldInfo.MaxVal}}</span>

表达式将返回true / false值。 IsRangeValidate是TypeScript布尔变量，我想从HTML模板中将表达式结果赋给此变量

Answer 1

如果您想在IsRangeValidate中存储实际值。您可以在组件中创建一个getter并使用它。

 get isRangeValidate() {
   const text = this.section.FOFormFieldList[fieldIndex].FOFormFieldResponseText;
   return text >= this.fieldInfo.MinVal && text <= this.fieldInfo.MaxVal)
 }

在模板中使用此getter：

 <span *ngIf="isRangeValidate" class="text-danger">Value should be between {{fieldInfo.MinVal}} - {{fieldInfo.MaxVal}}</span>

我希望这个答案对你有所帮助。