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

在ng-click上创建动态函数

关飞翔
2023-03-14
问题内容

我有这样的按钮

<button ng-click="method = 'create'; title = "Create">create</button>
<button ng-click="method = 'update'; title = "Update">update</button>

还有这个

<button ng-click="create(param)">{{ title }}</button>
<button ng-click="update(param)">{{ title }}</button>

上面的代码工作正常,但我想使其动态化。

所以我像下面这样改变它。

<button ng-click="{{ method }}(param)">{{ title }}</button>

这行不通,我不知道为什么,尽管如果我检查元素,上面的代码会生成如前所述的正确代码。


问题答案:

括号符号的使用:

<button ng-click="this[method](param)">{{ title }}</button>

this指向当前作用域对象,因此this[method]您可以通过变量名称访问方法。



 类似资料:
  • 问题内容: 我在Angular中具有此功能,在其中添加了一个带有ng-click的新幻灯片。 不幸的是,动态创建的ng-click事件不起作用(ng-click在动态生成的HTML中不起作),由于它是控制器内部的函数而不是指令,因此如何解决此问题? 问题答案: 您需要在此处添加$ compile服务,该服务会将ng-click之类的角度指令绑定到您的控制器作用域。 然后将其附加到HTML: 您还可

  • 问题内容: 我有一个像这样的控制器: 当我尝试使用ng-click调用upload_variant_image函数时,它仅在绑定到静态DOM时才有效(当DOM加载时),我有这样的链接: 但是此元素是在DOM加载后动态添加的,因此ng-click不起作用。 但是当我在Rails中像这样更新DOM时,它不起作用: 问题答案: 我警告您,如果您通过Angular外部方法来操纵DOM,则可能不会完全接受A

  • 问题内容: 我有这个: 在角度我有这个: 但是我该如何在单击时更改此设置,以便如果用户在菜单上单击一次即可激活,如果再次单击将不处于激活状态? 问题答案: 好吧,假设您有多个菜单项,并且想要根据点击来切换课程, 您可以 在控制器中 创建一个将菜单项表示为的数组, 分配默认的选定菜单项 创建一个函数来分配选定的菜单值,此函数将分配最后一个选定的菜单项。 在 HTML中 遍历数组并创建菜单。 在检查最

  • 问题内容: “活动”类的CSS来自引导程序。 因此,切换作品几乎是我想要的。我希望它类似于导航链接中的活动状态,但在我的示例中,它处理图像,因此需要担心url字符串等。 我尝试模拟此示例,但没有用(我尝试了相同的图像逻辑):ng-class突出显示基于ng- repeat的活动菜单项,如果有人能指出我正确的方向,我将不胜感激。:D 问题答案: 在您遇到的情况下,我要做的是在ng-repeat的父范

  • 我想让我的子组件有一个ref,但是我不希望用户在创建组件时必须指定ref。所以说我有这样的东西: 我希望父组件能够访问子组件的状态。最简单的方法是为每个组件添加一个ref,但我希望这是在函数中完成的,以便从最终用户那里抽象出它,因为我希望这些组件被通用化。 有没有一种干净的方法可以让父组件访问子组件的状态,例如当创建子组件时,您有以下内容: 因此,在父类内部,我可以执行以下操作: 因此,我希望能够

  • 问题内容: HTML jQuery 角度脚本 在这里,AngularJS的控制器部分中调用的函数不会从ng-click事件中触发。HTML已成功添加,但是ng- click无效。告诉我解决方案以使其正常工作 问题答案: 仍然不是一个完美的解决方案!!!-只是为了说明如何进行动态编译 不要将控制器用于dom操作-必须在指令的帮助下完成