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

Question

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

我试过这样的事情

但它只呈现一个菜单

    -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

Answer 1

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