我一直在尝试为另一个元素内的聚合物元素设置一个空属性。
这是我的自定义元素的代码。每当所需的custom-core-input的属性为true时，我想做的就是将input元素设置为“ required”。
<polymer-element name="custom-core-input" attributes="columnId inputError validation required">
<template>
<section>
<paper-input-decorator id="decorator" error="{{inputError}}">
<input id="custominput" is="core-input" validate="{{validation}}" on-change="{{inputCommited}}">
</paper-input-decorator>
</section>
</template>
<script>
Polymer({
inputCommited: function () {
this.$.decorator.isInvalid = !this.$.custominput.validity.valid;
}
});
</script>
到目前为止，我已经尝试访问input元素并从脚本中设置“ attr”，我认为它不起作用，但是值得尝试。我只是不知道如何解决这个问题，我觉得必须要有一个简单的答案，但不能想到它。
同样（且无关），我认为我在做其他错误，因为纸张输入装饰器不会“采用” inputError值。
谢谢阅读 ：）
Required是一个条件属性，因此可以在input元素上进行设置，如下所示：
<polymer-element name="custom-core-input"
attributes="columnId inputError validation required">
<template>
<section>
<paper-input-decorator id="decorator"
error="{{inputError}}"
autovalidate>
<input id="custominput" is="core-input"
validate="{{validation}}"
on-change="{{inputCommited}}"
required?="{{required}}">
</paper-input-decorator>
</section>
</template>
<script>
Polymer('custom-core-input', {
required: false
});
</script>
</polymer-element>
请注意，必须将的required属性custom-core-input初始化为false（或true，具体取决于您的默认设置）。
仅当输入无效时才显示错误消息。因此，一种选择是设置autovalidate属性。在您的上设置required和，您将在页面加载时看到错误消息。通常，您希望根据当前输入的有效性设置为true或false。inputErrorcustom-core-inputisInvalid
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句