Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ng if ng switch语句中单击后,如何禁用ng click?_Javascript_Angularjs_Angularjs Ng Click_Angular Ng If_Angularjs Ng Switch - Fatal编程技术网

Javascript 在ng if ng switch语句中单击后,如何禁用ng click?

Javascript 在ng if ng switch语句中单击后,如何禁用ng click?,javascript,angularjs,angularjs-ng-click,angular-ng-if,angularjs-ng-switch,Javascript,Angularjs,Angularjs Ng Click,Angular Ng If,Angularjs Ng Switch,我有一个标志按钮,当用户点击时,标志讨论,然后标志按钮被替换为文本“成功标记”。目前,我在单击标志按钮后禁用ng click时遇到问题。“已成功标记”文本的ng click仍然存在,我想阻止对此文本的单击,以防止标记相同讨论时出错 html: 通过添加延迟计算或防止传播,我可能能够阻止调用do_something()方法,但我也希望鼠标光标保持为指针,而不是更改为“单击链接”鼠标图标,这可能吗?看起来鼠标按钮图像是我修复的css问题 我也尝试过在ng switch when语句中添加ng cli

我有一个标志按钮,当用户点击时,标志讨论,然后标志按钮被替换为文本“成功标记”。目前,我在单击标志按钮后禁用ng click时遇到问题。“已成功标记”文本的ng click仍然存在,我想阻止对此文本的单击,以防止标记相同讨论时出错

html:

通过添加延迟计算或防止传播,我可能能够阻止调用do_something()方法,但我也希望鼠标光标保持为指针,而不是更改为“单击链接”鼠标图标,这可能吗?看起来鼠标按钮图像是我修复的css问题

我也尝试过在ng switch when语句中添加ng click,例如下面的语句,但单击之后,isFlagging仍然为false,并且我没有得到成功文本:

<div ng-switch-when="false"
    ng-click="do_something()"
    id="flag{{discussion.id}}"
    title="{{'flag as inappropriate'}}"
    robo-confirm="{'Are you sure you want to flag this?'}"
    class="feedActionBtn">
    <i class="icon-flag"></i>
</div>

您可以通过在“已成功标记”div上添加
ng click=“$event.stopPropagation()”
来停止事件冒泡。在这种情况下,click事件将不会到达父容器:

<div ng-click="$event.stopPropagation()"
     ng-switch-when="true" 
     translate translate-comment="success message">
    Successfully flagged</div>

成功标记

也许是一个简单的条件

``$scope.do_something = function() {
  if ($scope.button_clicked === true) {
     return;
  }
  else {
  $scope.button_clicked = true;
    this.isFlagging = true;
  }
}``

添加在ng click中单击的按钮是一种常见模式


成功标记

以前尝试过的可能重复,不起作用嘿@dfsq,这是可行的,但有没有办法防止在执行此操作时鼠标图标变为单击链接图标?仅尝试过,不起作用:(,ng开关仍在拾取ng开关刚刚尝试了此操作,不幸的是,我不确定为什么在单击按钮后它没有注册ng开关条件,因此现在根本看不到成功消息尝试将ng开关移到内部,就像我在前面的代码中所做的那样
<div ng-click="$event.stopPropagation()"
     ng-switch-when="true" 
     translate translate-comment="success message">
    Successfully flagged</div>
``$scope.do_something = function() {
  if ($scope.button_clicked === true) {
     return;
  }
  else {
  $scope.button_clicked = true;
    this.isFlagging = true;
  }
}``