以角度获取按钮名称
Get button name in angular
我正在尝试获取变量中选择的按钮的名称,然后在之后执行某些操作(更改<p>
的内容)。
<form>
<button name="paypal" class="moyen-payement-button" ng-class="{actif: actifSelected.selectedButton === 1}" ng-click="actifSelected.select(1)">
<img src="images/payement-methods/paypal.svg" alt="Paypal" class="paypal" />
</button>
<button name="creditCard" class="moyen-payement-button" ng-class="{actif: actifSelected.selectedButton === 2}" ng-click="actifSelected.select(2)">
<img src="images/payement-methods/credit-card.svg" alt="Carte de crédit" class="creditCard" />
</button>
</form>
<p>Name of my button: </p>
<p>1</p>
如果选择了按钮信用卡,则带有"1"的<p>
必须在"2"中更改,我找到了ng-show
/ng-hide
但我认为我可以简单地修改<p>
的内容而无需创建另一个<p>
?
您可以使用:
<button ng-click="actifSelected.select($event,1)"></button>
在控制器中,您可以使用$event来触发元素
$scope.actifSelected.select = function($event, value) {
var button = angular.element($event.currentTarget);
var buttonName = button.attr("name");
}
您可以使用以下表达式:
<p>{{ actifSelected.selectedButton === 1 ? '1' : '2' }}</p>
您可以将$event传递给ng-click:
<button name="hello" ng-click="myFunction($event, 2)">Test</button>
<p>{{btnName}}</p>
<p>{{arg1}}</p>
在控制器中使用它:
$scope.myFunction = function(e, arg1) {
$scope.arg1 = arg1;
console.log(e.target.name);
$scope.btnName = e.target.name;
}
看到这个 Plunkr
只需在
<p>{{actifSelected.selectedButton}}</p>
相关文章:
- 通过单击提交按钮获取表单名称
- 从按钮获取文本
- 我可以使用ajax按钮获取下拉值并填写表单吗
- 使用Javascript从按钮获取自定义属性
- 使用按钮获取HTML表中的值
- 从多个按钮获取价值
- 如何从单击按钮获取值
- 从选中的单选按钮获取文本节点
- 无法从表内的按钮获取行 ID
- 如何通过单击按钮获取单元格值
- 通过 PHP 中的对象从提交按钮获取 POST
- 使用按钮获取谷歌地图上的json数据和过滤标记
- 如何从人工任务表单中的单选按钮获取检查值
- “$.getScript @href”不会从按钮获取 href,只会从 a 标记中获取
- 使用 2 个按钮获取 2 个不同控制器的 1 个输入字段值
- 使用 JavaScript 从 HTML 按钮获取值
- 点击按钮获取当前系统日期时间
- 如何从服务器端的这些按钮获取信息
- 如何从提交按钮获取formmethod和formaction
- 发送<表单>通过两个不同的Submit按钮获取信息,这两个按钮调用相同的函数,但需要知道调用来自哪个Subm