knockout.js 使用JSON输入动态构建包含子菜单的ojet菜单

i7uaboj4  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(133)

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

zwghvu4y

zwghvu4y1#

使用嵌套的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>

相关问题