能否在WhatsApp Flow的IF组件条件中引用下拉菜单的metadata？

问题描述 #

我正在尝试使用WhatsApp Flow，希望根据下拉菜单的metadata来显示或隐藏组件。以下是我的下拉数据源示例：

"data": {               
     "LstOpt":{
          "type":"array",
          "items":{
               "type":"object",
               "properties":{
                    "id":{
                         "type":"string"
                    },
                    "title":{
                         "type":"string"
                    }
               }
          },
          "__example__":[
               {
                    "id":"1",
                    "title": "Option 1",
                    "metadata":"5"
                },
                {
                     "id":"3",
                     "title": "Option 2",
                     "metadata": "15"
                }
           ]
      }
}   

我希望在IF组件的条件中引用该metadata，并根据其值来显示/隐藏组件，例如：

{
     "type": "If",
     "condition": "(${form.dropdown_name.metadada} == '5')",
     "then": [
          {
               "type": "Dropdown",
               "name": "Greatfield",
               "label": "My great field",
               "required":true
          }
     ]
}

请问这种操作是否可行？

回答 #

这种操作完全可行，但需要注意几个关键细节：

• 修正拼写错误：你示例中的条件表达式里，metadada是拼写错误，正确的字段名是metadata，修正后的条件应为：

  (${form.dropdown_name.metadata} == '5')
  

• 完善数据源Schema：当前的LstOpt数据源Schema只定义了id和title属性，未包含metadata，这会导致WhatsApp Flow无法正确识别并返回该字段。必须将metadata加入到properties中，调整后的Schema如下：

  "data": {               
       "LstOpt":{
            "type":"array",
            "items":{
                 "type":"object",
                 "properties":{
                      "id":{
                           "type":"string"
                      },
                      "title":{
                           "type":"string"
                      },
                      "metadata":{
                           "type":"string"
                      }
                 }
            },
            "__example__":[
                 {
                      "id":"1",
                      "title": "Option 1",
                      "metadata":"5"
                  },
                  {
                       "id":"3",
                       "title": "Option 2",
                       "metadata": "15"
                  }
             ]
        }
  }   
  

• 确认数据源绑定：确保你的下拉组件已正确绑定到LstOpt数据源，这样选中选项后，form.dropdown_name.metadata才能正确获取到对应选项的metadata值。

内容的提问来源于stack exchange，提问作者Manuel