ng-click在ionic中不适用于div

Q_ro

好吧,正如标题所述,我遇到了这个问题,例如,我有一个使用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>

它根本无法使用,我的表格不会在每次点击时都提交,因此这是最新情况,但也不起作用,这是为什么呢?¿我该如何解决?

在此先感谢您,并抱歉打扰大家。

cc

确保使用type =“ button”声明您的按钮。如果您不这样做,它会自动假定其类型为Submit。另外,如果您希望仅在tab === 2时显示该div,则只需在ng-click中进行分配即可,不需要功能。

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章