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

通过ng-click指令使用警报

督阿苏
2023-03-14
问题内容

angularjs的新手。想要将表达式写入ng-click。

例:

x.directive('li',function(){
  return {
      restrict: 'E',
      replace: true, 
      template: '<games> <game  ng-click="(alert({{ game }})" ng-repeat="game in games"> {{ game.team1 }} {{game.bets }}   <game></br></games> '
  }     
});

我想提醒游戏点击,但出现此错误:

Error: [$parse:syntax] Syntax Error: Token 'game' is unexpected, expecting [:] at column 11 of the expression [(alert({{ game }})] starting at [game }})].

问题答案:

当您从ng-click中请求“ alert”时,它将在$ scope上寻找该方法,但此方法不存在。

请参阅此plunkr,其中单击了指令时在示波器上使用函数调用了警报。

在控制器中,我们设置功能:

$scope.test = function(text) {
  alert(text);
}

或者,您可以执行以下操作:$scope.alert = alert.bind(window);。如果不这样做,将上下文绑定到窗口将无法正常工作。

在指令的ng-click中,我们调用函数:

 ng-click="test(game)"


 类似资料:
  • 问题内容: 我正在构建AngularJS指令。我希望该指令包装其中包含ng-click的其他内容。单击后,结果按钮不执行任何操作。这是我尝试过的代码的简化版本: (HTML) (JavaScript) 如何更改它,以便该按钮实际触发$ scope.refresh()函数? 额外说明: 我需要该指令的本地对象信息(单个控制器中可以有多个该指令),因此我创建了一个新作用域。 问题答案: 就像dcode

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

  • 问题内容: 我认为开箱即用的指令上使用众所周知的角度属性应该很容易。 例如,如果我的指令名称是myDirective,我想以这种方式使用它: 无需像下面的示例一样定义自定义点击属性(onClick) 似乎ng-click可以工作,但是您也需要在指令标签上也指定ng-controller,这也是我所不希望的。我想在周围的div上定义控制器 是否可以在指令上使用ng-click以及在父html元素上定

  • 问题内容: 如何使用ng-click而不是使用ui-sref的链接来更改route.state。 我已经试过了: 与 但这是行不通的。有任何想法吗? 问题答案: 查看ui-router文档Wiki。 最好的解决方案是使用。例如, 这是文档中特定功能的链接:https : //github.com/angular-ui/ui- router/wiki/Quick-Reference#stategot

  • 问题内容: 这里有角的菜鸟。我正在创建一个指令以递归显示问题树和子问题树。我正在模板中使用链接,该链接在范围内调用函数。由于某种原因,它不会调用该方法。 这是代码和小提琴http://jsfiddle.net/madhums/n9KNv/ HTML: Javascript: 任何帮助理解这一点将不胜感激。 问题答案: 您遇到范围问题。由于您在指令中使用隔离范围,因此它不再有权访问具有的控制器范围。

  • 本文向大家介绍AngularJS基础 ng-click 指令示例代码,包括了AngularJS基础 ng-click 指令示例代码的使用技巧和注意事项,需要的朋友参考一下 AngularJS ng-click 指令 AngularJS 实例 按钮每次点击时,计数变量 count 自动加 1: 注意:实例中,按钮每被点击一次变量 "count"  定义和用法 ng-click 指令告诉了 Angul