动态更改按钮图标

Question

给出以下按钮，

  <button
      icon = 'ui-icon-check'
      type = 'text'
      pButton
      label = 'Age'
      iconPos = 'right'></button>

我想动态更改分配给按钮图标属性的图标：

我的尝试如下所示：

ng.html

  <button
      [icon] = 'btnIcon'
      type = 'text'
      pButton
      label = 'Age'
      iconPos = 'right'></button>

ng.component

....
btnIcon: string = 'ui-icon-check'

组件初始化时，图标已正确分配。

但是，当我这样做时

ng.cmponent

if(this.form.valid)
{this.btnIcon = 'ui-icon-information'}

虽然表单有效，但图标不会按预期更改。

欢迎任何想法。感谢

Answer 1

根据所提到的评论，尝试一下

 <button
      [attr.icon] = 'btnIcon'
      type = 'text'
      pButton
      label = 'Age'
      iconPos = 'right'></button>