当前位置: 首页 > 面试题库 >

ng-click中的if语句

缪远航
2023-03-14
问题内容

有没有办法在ng-click内放置条件?在这里,我希望如果存在任何表单错误,则不提交表单,但是随后出现了解析异常。

 <input  ng-click="{{if(profileForm.$valid) updateMyProfile()}}" name="submit" id="submit" value="Save" class="submit" type="submit">

我尝试使用ng-disabled,但是我的验证插件无法正常工作,因为根本没有提交表单,因此不会触发。


问题答案:

不要在模板中放置任何条件表达式。

在控制器上执行此操作。

模板:

<input ng-click="check(profileForm.$valid)" name="submit" 
       id="submit" value="Save" class="submit" type="submit">

控制器:

$scope.check = function(value) {
    if (value) {
       updateMyProfile();
    }
}


 类似资料:
  • 问题内容: 从第一种观点看,似乎可以传递一些数据作为方法的参数,应在按下按钮期间调用。 但我看不出有什么区别。 我遵循了代码片段: HTML 要么 JS 两者都可以。 谢谢, 问题答案: 他们是一样的东西。您可以用来制作有效的html。

  • 问题内容: 同时定义href属性和ng-click属性: 该属性优先于ng-click。 我正在寻找一种提高ng-click优先级的方法。 是Twitter Bootstrap所必需的,我无法将其删除。 问题答案: 如果不需要uri,则应该只使用按钮标签。

  • 问题内容: 任何人都可以为该JSFiddle提供正确的方法: JsFiddle链接 我正在尝试通过.class&#ID更改元素的类。 提前致谢 感谢tymeJV,新的JSFiddle: 解 问题答案: 正确的方法是根据切换变量使用,请考虑: CSS: JS: HTML: 通过根据变量(“ toggle”)是否为或分配引用的类(在上面为“红色”)来工作。

  • 问题内容: 是否可以为ng-click编写拦截器?我有一个按钮或链接,导致后端对象的删除。我想通过将属性添加到按钮/链接来创建一个确认对话框(模式)。例如: AngularJS有可能吗?有没有更好的方法可以解决此问题? 编辑 deleteIt方法驻留在不同的控制器中。 谢谢 问题答案: 我在下面放了一个示例指令: http://plnkr.co/edit/GJwK7ldGa9LY90bMuOfl?

  • 问题内容: 我一直在研究修改AngularJS ng-click指令以添加一些其他功能。对于如何使用它,我有一些不同的想法,但是一个简单的想法是将Google Analytics(分析)跟踪添加到所有ng-clicks,另一个是防止双击。 为此,我的第一个想法是使用装饰器。所以像这样: 但这不会起作用,因为装饰器会在实例化时触发,而不是在满足指令中的表达式时触发。因此,在这种情况下,它将在加载带有

  • 问题内容: 在angularjs中,我想知道ng-submit和ng-click之间有什么区别?具体来说,两者各自的优缺点,以及您什么时候应该彼此取舍?谢谢! *编辑* 我对此进行了更多研究,但我仍然想知道使用ng-submit有什么好处(如果有)?您能否使用ng-click代替所有ng- submit?这会引起任何问题吗?再次感谢! 问题答案: ngSubmit指令绑定到浏览器中的Submit