使用JSON输入动态构建带有子菜单的ojet菜单

Question

如何将oj-menu的选项与javascript在ojet中的子菜单选项绑定

Answer 1

使用嵌套的oj-bind-for-each解决了这个问题

<oj-bind-for-each data="[[valueList]]">
<template >
<oj-option :id="[[$current.data.name]]" >
<span>
<oj-bind-text value="[[$current.data.label]]">
</oj-bind-text>
</span>
<oj-menu>
<oj-bind-for-each data="[[services]]">
<template data-oj-as="services">
<oj-bind-if test="[[valueList.data.value === services.data.serverId]]">
<oj-option :id="[[services.data.serviceValue]]" >
<span>
<oj-bind-text value="[[services.data.label]]"></oj-bind-text>
</span>
</oj-option>
</oj-bind-if>
</template>
</oj-bind-for-each>
</oj-menu> 
</oj-option>
</template>
</oj-bind-for-each>