huawei-mobile-services - 组件A的样式不能在文本组件中动态修改。我怎么解决这个问题？

Question

当我将组件 A 放在文本组件中时，样式中的文本颜色被绑定。如果更改绑定的 textcolor 的值，将无法更改组件 A 的文本颜色。例如，如果您希望将文本颜色从蓝色更改为红色。示例代码：

模板中的代码：

<text>
        <a href="https://huawei.com" style="color: {{textcolor}};" value="click here"></a>
    </text>
     <input type="button" value="Change the text color of component a." onclick="changeColor" />

脚本中的代码：

changeColor: function() {
      this.textcolor="red";
    }

组件A放置在文本组件中时，快应用框架不支持动态样式更改。

Answer 1

您可以将动态样式绑定到外部文本组件，以实现颜色变化的效果。示例代码如下（见红色部分）：

<text style="color: {{textcolor}};">
      <a href="https://huawei.com" value="click here"></a>
</text> 

效果（点击按钮后）：

有关更多详细信息，请查看：

快应用文档：https ://developer.huawei.com/consumer/en/doc/development/quickApp-Guides/quickapp-whitepaper?ha_source=hms1