javascript – 按钮ng-click中的功能参数相同

前端之家收集整理的这篇文章主要介绍了javascript – 按钮ng-click中的功能参数相同前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个按钮使用相同的ng-click和不同的参数.
<label class="item item-input">
  <button ng-click="takePicture(true)">Save Settings</button>
  <button ng-click="takePicture(false)">Choose from Gallery</button>
</label>

无论我做什么,按钮都会传递与第一个函数调用中相同的参数.

使用简单的控制器功能进行测试,记录相同的参数.在这种情况下,两者都是如此.

$scope.takePicture = function(my_param) {
  console.log(my_param);
}

这些似乎只发生在Ionic中,而不是标准的Angular.这是一个工作示例的CodePen.

http://codepen.io/anon/pen/JYBKVQ

编辑:根据下面的解决方案,我在上面的代码摘录中包含了问题的来源.诅咒你< label>,诅咒你!

解决方法

将按钮嵌套在标签内是一个问题.如果您删除标签,它按预期工作: http://codepen.io/anon/pen/ojMzLj
<div class="list list-inset">
    <h3>Profile Picture</h3>
    <button class="button button-block button-calm" ng-click="takePicture(true)">Save Settings</button>
    <button class="button button-block button-calm" ng-click="takePicture(false)">Choose from Gallery</button>
    <label class="item item-input">
        <input type="text" placeholder="Circle Color" ng-model="data.color">
    </label>
    <label class="item item-input">
        <input type="text" placeholder="Stroke Color" ng-model="data.stroke">
    </label>
</div>
原文链接:https://www.f2er.com/js/156670.html

猜你在找的JavaScript相关文章