我想在pug和node.js中创建一个类别和子类别选择菜单。子类别根据所选类别而变化的位置

问题描述 投票:0回答:1

我知道如何使用-var={}渲染一个简单的菜单,并在其中添加值和名称但是对于我的工作流程,我想要一个类别菜单,其中包括电子,体育等类别,如果我选择运动,其他子类别菜单只显示不同的运动。我需要使用一个表单动态地执行它,并且值应该更改而不必按下提交按钮

I Tried something like this

但它只呈现一个菜单

    -var selected=''
                    -var dic ={ 'Sports': 'Sports', 'Tech': 'Tech'};
                    select.custom-select
                        option(selected='') Open this select menu
                        for key,value in dic
                            option(value=key)=value 
                                selected=value
                    if selected==='Sports'
                        select.custom-select
                            option(selected='') Open this select menu
                            option(value='1') football
                            option(value='2') cricet
                    if selected === 'Tech'
                        select.custom-select
                            option(selected='') Open this select menu
                            option(value='1') Mobile
                            option(value='2') Tablets
javascript jquery node.js express pug
1个回答
0
投票

Pug不是为了进行动态(反应)页面渲染而设计的。它是不同JS库的域,例如Reactjs或Vuejs。 Pug是一个模板引擎,可以呈现您的HTML一次。

© www.soinside.com 2019 - 2024. All rights reserved.