我有一个聚合物元素显示和设定一个等级（1-5星级），我不管理，使其在这个意义上的工作，它显示给定的额定值，以及反向传播的价值，也就是说，改变{{item.rating}}的单击其中一颗星星的情况。可能是什么问题呢 ？
我使用这样的元素，它不会改变item.rating：
<yp-rating rating="{{item.rating}}"></yp-rating>
使用纸张输入，它的工作原理：
<paper-input value="{{item.rating}}" label="Rating"></paper-input>
元素本身在这里：
<dom-module id="yp-rating">
<template>
<style is="custom-style">
iron-icon {
--iron-icon-fill-color: lightgray;
}
</style>
<iron-icon th:title="#{rating1}" icon="{{star(rating, 1)}}" on-tap="setStar" data-s="1"></iron-icon>
<iron-icon th:title="#{rating2}" icon="{{star(rating, 2)}}" on-tap="setStar" data-s="2"></iron-icon>
<iron-icon th:title="#{rating3}" icon="{{star(rating, 3)}}" on-tap="setStar" data-s="3"></iron-icon>
<iron-icon th:title="#{rating4}" icon="{{star(rating, 4)}}" on-tap="setStar" data-s="4"></iron-icon>
<iron-icon th:title="#{rating5}" icon="{{star(rating, 5)}}" on-tap="setStar" data-s="5"></iron-icon>
</template>
<script type="text/javascript">
Polymer({
is : "yp-rating",
properties: {
rating: String,
notify: true
//readOnly: false,
//reflectToAttribute: true
},
star: function(r, l) {
return (this.rating && this.rating >= l) ? "star" : "star-border";
},
setStar: function(e) {
this.rating = e.target.getAttribute("data-s");
console.log("Rating set to " + this.rating);
e.stopPropagation();
}
});
</script>
</dom-module>
您的rating财产未正确申报。您已经声明了两个属性：ratingand notify，但您可能打算notify: true在该rating属性上设置。
改变这个：
properties: {
rating: String,
notify: true
}
对此：
properties: {
rating: {
type: String,
notify: true
}
}
看演示
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句