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
};

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效