我在代码中尝试通过数据绑定的方式，动态改变组件的部分样式，但是发现均不生效，代码如下

wxml文件内容如下

<view>

    <text style="color:{{color}}, textAlign:{{location}}">{{motto}}</text>

</view>

js文件的内容如下

data: {

    color:'',

    location:''

},

onReady: function () {

    this.setData({

      color: "pink",

      location:'center'

    });

  }