我如何获得 FormBuilder angular 的值并将其与属性 NgStyle 一起使用答案

【问题标题】：how can i get value of FormBuilder angular and use it with property NgStyle我如何获得 FormBuilder angular 的值并将其与属性 NgStyle 一起使用
【发布时间】：2019-05-13 20:36:45
【问题描述】：

大家好，我有一个表格

this.crudForm = this.formBuilder.group({
      id: null,
      company: Company,
      document: Document,
      serie: Series,
      documentNumber: null,
      comment: '',
      note: '',
      reference: '',
      registryDate: new Date,
      validityDate: new Date,
      salesState: SALES_STATE_PRESALE,
      salesRef: Sales,
      igv: 0,
      igvTotalNC: 0,
      salesTotalNC: 0,
      netoTotalNC: 0,
      discountTotalNC: 0,
      igvAmount: 0

    });

我想得到 salesState 的值，但在前面，所以根据值我做一些事情，我使用这个：

<div class="col-md-offset-7 col-md-1"><p class="align-status"><mat-icon matSuffix [ngStyle]="addStyles(crudForm.get('salesState').value)">stop</mat-icon>VENTA</p></div>

但不工作，就像我没有得到价值。 de salesState 也根据销售的状态获得不同的价值，但这是有效的。这是 ts 上的功能：

addStyles(a){
    let myStyle = {
      'color' : a === 2 ? 'green' : 'blue',
    }
    return myStyle
  }

有什么想法吗？？

不胜感激

【问题讨论】：

SALES_STATE_PRESALE 是一个接口吗？如果可以的话可以分享一下吗..
您在 ngstyle 中调用函数的任何特殊原因，您可以直接将您在函数中编写的条件添加到 ng style 中？

标签： angular typescript ng-style

【解决方案1】：

使用

crudForm.controls['salesState'].value

作为addStyles函数的参数

像这样：

<div class="col-md-offset-7 col-md-1"><p class="align-status"><mat-icon matSuffix [ngStyle]="addStyles(crudForm.controls['salesState'].value)">stop</mat-icon>VENTA</p></div>

【讨论】：