关于android:a组件在text组件内不能动态修改样式怎么破

问题形容:

a组件放到text组件外部,a组件的style中文字色彩是动静绑定的,批改绑定textcolor的值,无奈扭转a组件的文字色彩,比方我心愿文字色彩能从原始色彩蓝色变成红色。代码如下所示:

template中代码:

<text>
            <a href="https://huawei.com" style="color: {{textcolor}};" value="click here"></a>
        </text>
         <input type="button" value="批改a的文字色彩" onclick="changeColor" />

script中代码:

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

问题剖析:

a组件放到text组件外部时,快利用框架不反对动静扭转款式。

解决办法:

借助text去实现a的动态效果,间接在text组件上绑定款式(a组件本身不绑定),能够达到成果,代码如下(见红色局部):

**<text style=”color: {{textcolor}};”>

  <a href="https://huawei.com" value="click here"></a>

</text>**

效果图(点击按钮后):

欲了解更多详情,请参阅:

快利用开发领导文档:https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-whitepaper


原文链接:
https://developer.huawei.com/consumer/cn/forum/topic/0204399557167870123?fid=18

作者:AppGallery Connect

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理