anglejs-ng-click将不能在离子中使用div

前端之家收集整理的这篇文章主要介绍了anglejs-ng-click将不能在离子中使用div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
那么,正如标题所述,我有这个问题,说,我有一个表单,我创建了多个步骤,我使用ng-show属性和一个函数来设置$scope变量为一个标识符为了隐藏除了用户应该进行的步骤之外,所有工作都可以正常工作,但是,我意识到,每个用户点击按钮后都会将表单求和,以继续下一部分表单.换句话说就是:
<button class="button button-block button-positive" ng-click="selectTab(2)">Continuar</button</label>

在一个表单里面,做一些这样的div:

<div ng-show="tab === 2"> ... data goes here ... </div>

随着用户浏览,显示和消失,但也提交表单,但如果我更改标签,如下所示:

<label class="item">
                    <div class="button button-block button-positive" ng-click="selectTab(2)">Continuar</div>
                </label>

它根本不起作用,我的形式没有在每次点击上提交,所以这是一个更新的情况,但它不工作,¿为什么会发生这种情况? ¿我怎么可以解决它?

先谢谢,不好意思打扰你们.

解决方法

确保用type =“button”声明你的按钮.如果没有,它会自动假定它是类型提交.另外,如果您只想在标签=== 2时显示该div,只需在ng点击中分配,则不需要一个功能.

在您的selectTab(2)函数中,您应该能够将名为tab的范围上的属性分配给您传入函数的任何内容,激活ng-show.

$scope.selectTab = function(item) {
    $scope.tab = item;
    //Your other logic for soothe
};

是的,奇怪的是标准是“提交”一个按钮.我想他们假设一个按钮的最终目标是执行一个动作,比如提交.谢了哥们.

猜你在找的CSS相关文章