javascript - polymer 、模板不会评估 true 和绑定(bind)

Question

使用 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}} 并且该函数从未被调用。

Answer 1

您忘记了 if 属性值两边的引号。尝试一下

<template if="{{response.data.type === 'message'}}">

如果没有引号，浏览器 (Chrome) 会将此行解析为

<template if="{{response.data.type" =="=" 'message'}}=""></template>