如何在对话框的集合中更改文本颜色的字符串

时间:2019-03-04 14:44:52

标签: javascript angular typescript

我创建了一个'result = new Set()'集合,并通过调用addValues函数将值存储在结果集中。如果将值添加到集合中,则此addValues函数返回boolean或返回false。

然后,我迭代存储在结果集中的值,并使用和角度对话框显示当前值。在结果集中,我有this.result.add('Title')this.result.add('Sub-Title')this.result.add('End')之类的值,我希望这些文本在角度对话框中显示为红色

我的尝试

const test = this.addValues
if (test) {
  this.result.forEach(name => {
    this.values.push(name)
  })
  this.dialog.open(this.values)
}

public get addValues() {
  this.result.add('Title')
  this.result.add('a')
  this.result.add('b')
  this.result.add('Sub-Title')
  this.result.add('c')
  this.result.add('d')
  this.result.add('End')
  this.result.add('e')

  if (this.result.size > 0) {
    return true
  } else
    return false
}

1 个答案:

答案 0 :(得分:0)

您应尝试使用this官方的Angular Material方法,以便使用预定义的模板和CSS首选项创建动态对话框组件。

使用方法this.dialog.open(this.values)将打开一个对话框,显示this.values,但您无法控制模板,也无法控制逻辑。