gpt4 book ai didi

javascript - 当用户从下拉列表中选择一个选项时,如何更改按钮上的文本? ( Angular .js)

转载 作者:行者123 更新时间:2023-11-28 03:00:34 25 4
gpt4 key购买 nike

我正在用 angular.js 和 bootstrap 编写一个网页,我有一个与 this one 完全一样的组件当用户展开菜单并选择操作时 - 我想更改按钮上的文本。到目前为止,我的代码如下所示:

<div class="btn-group">
<button type="button" class="btn btn-danger" ng-click="queryUsers()">Show data from last hour</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a ng-click="queryUsersFromYesterday()">Show data from yesterday</a></li>
<li><a ng-click="queryUsersFromLastWeek()">Show data from last week</a></li>
<li><a ng-click="queryUsersFromLastMonth()">Show data from last month</a></li>
</ul>
</div>

现在当用户点击:显示上周的数据时——菜单消失了,但按钮仍然有一个文本:显示上一小时的数据。如何动态更改按钮上的文本?

最佳答案

我会在范围内维护一个标志,它只会设置一次为真

<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" ng-click="buttonClicked = true;">
<span ng-class="buttonClicked? 'caret': 'sr-only'"
ng-bind="buttonClicked? 'Toggle Dropdown': 'Toggled'">
</span>
</button>

关于javascript - 当用户从下拉列表中选择一个选项时,如何更改按钮上的文本? ( Angular .js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34862862/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com