Javascript 单击aria expanded="；假；不改变和'；显示'；类也不在引导下拉列表5中添加

我在我的Angular项目中使用引导下拉列表。但点击并没有显示下拉菜单。实际上，单击后，下拉列表中未添加show类，并且aria expanded=“false”不会更改为“true”

---

我在没有自定义样式类的情况下尝试了您的代码，只在
中添加了一个缺少的
“
，在
中添加了一个缺少的
，这对我很有效

这里是工作代码，缺少的东西，没有你的自定义css

    <div class="dropdown">
 <button class=" btn btn-secondary
        dropdown-toggle" type="button" id="dropdown123"
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Save Button <span class="caret"></span>
        </button>
        <div class="dropdown-menu"
            aria-labelledby="dropdown123">
            <a class="dropdown-item">
                <button>S1</button>
            </a> <a class="dropdown-item">
                <button>S2</button>
            </a> <a class="dropdown-item">
                <button>S3</button>
            </a>
        </div>
    </div>


保存按钮
S1
S2
S3

如果它不起作用，请检查您是否正在使用Bootstrap 4，也许它与V3不同，但我不这么认为，但我不确定。
请发布您的代码，没有代码我们如何知道问题？将您的相关代码片段放入check it now@fatemefazli请查看我编辑的答案，我希望这会有所帮助。我找到了解决方案。由于停止传播，我的下拉列表不起作用。我在父组件中使用了stopPropagation（），它停止工作@法特梅法兹利
    <div class="dropdown">
 <button class=" btn btn-secondary
        dropdown-toggle" type="button" id="dropdown123"
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Save Button <span class="caret"></span>
        </button>
        <div class="dropdown-menu"
            aria-labelledby="dropdown123">
            <a class="dropdown-item">
                <button>S1</button>
            </a> <a class="dropdown-item">
                <button>S2</button>
            </a> <a class="dropdown-item">
                <button>S3</button>
            </a>
        </div>
    </div>