div弹出如果按钮单击不起作用

Question

我有一个按钮，点击后会显示一个下拉列表，我们正在使用bootstrap来显示下面按钮点击下方的下拉列表是我的代码。

 <div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
            Dropdown Example
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="#">HTML</a></li>
            <li><a href="#">CSS</a></li>
            <li><a href="#">JavaScript</a></li>
        </ul>
    </div>

要求是我必须显示一个div弹出窗口，说明系统错误，只有当按钮点击不起作用时才会出现。

如何检查按钮点击是否有效并显示弹出窗口。

以上代码是来自w3schools的示例代码 我的主要代码用angularjs编写，我使用angualar-ui-bootstrap进行下拉。列表值也来自控制器。