使用 polymer ,我非常简单地尝试评估对象属性是否是特定值,如果是,则将truthy模板的内容绑定(bind)到dom。
我有:
<polymer-element name="template-elem">
<template >
<div>
<template if={{response.data.type === "message"}}>
<div>working</div>
</template>
</div>
</template>
<script>
Polymer({
response: {},
ready: function(){
this.response = {"data":{
"type":"message",
"detail":"default"
}};
},
});
</script>
</polymer-element>
也尝试过,==“消息”。如果要求评估 bool 表达式,模板会绑定(bind),并且 {{response.data.detail}}
显示正确的文本。我已经在两个单独的元素中尝试过此操作(从头开始),但问题仍然存在,任何人都可以告诉我我明显忽略了什么?
还尝试传递给辅助函数{{response | parseObj}},{{响应项| parseObj}},{{response.data 中的项目 | parseObj}}
并且该函数从未被调用。
最佳答案
您忘记了 if
属性值两边的引号。尝试一下
<template if="{{response.data.type === 'message'}}">
如果没有引号,浏览器 (Chrome) 会将此行解析为
<template if="{{response.data.type" =="=" 'message'}}=""></template>
关于javascript - polymer 、模板不会评估 true 和绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28260839/