HarmonyOS text的文本怎么根据条件改变？

Question

请教text的文本怎么根据条件改变？A条件成立时显示文本AAAAAA，B条件成立时显示文本BBBBBB，C条件成立时显示CCCCCCC，D条件成立时显示DDDDDDD，该怎么写？是写四个组件还是在Text的括号里写？麻烦给出确切代码，根据不同条件是否显示也是类似需求

Text('共23节')
  .fontSize(11)
  .fontColor(Color.White)
  .margin({ left: 5 })

Answer 1

主要是Text内容用变量控制，根据条件显示不同内容，下面代码供参考

@State textContent: string = ''
@State state: string = 'A'
aboutToAppear(): void {
  if(this.state == 'A'){
  this.textContent = 'AAAA'
}else if(this.state == 'B'){
  this.textContent = 'BBBBB'
}
}
Text(this.textContent)
  .fontSize(11)
  .fontColor(Color.Red)
  .margin({ left: 5 })