ng-click不适用于离子中的div

Question

嗯,正如标题所说,我有这个问题,说,我与我使用NG-显示性能与功能一起到$ 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>

它完全不起作用,我的表格不是每次点击都提交的,所以这是对情况的更新,但它也不起作用,¿为什么会发生这种情况？¿我该怎么办呢？

在此先感谢,抱歉打扰你们.

Answer 1

如果你的按钮在<label>ng-click 内部将无效.

改为<div>或<span>.

Answer 2

确保使用type ="button"声明您的按钮.如果不这样做,它会自动假定它是类型提交.此外,如果您只想在tab === 2时显示div,只需在ng-click中指定,不需要函数.

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

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

是的,奇怪的是标准是"提交"按钮.我认为他们认为按钮的最终目的是执行一个动作,比如提交.谢了哥们.

Answer 3

使用点按.同时进行点击和点击点击.

<div on-tap="fireEvent()"></div>