在 ng-click 上调用超出范围的 javascript 函数

2024-01-02

我有一个 javascript 库,其中包含许多有用的函数,我在网站上使用它们来执行各种操作。

我知道我无法通过 ng-click 访问这些函数,因为这些函数超出了范围。

有没有一种方法可以访问它们,而无需声明仅调用库中函数的作用域函数?

Here https://jsfiddle.net/aca320bt/是一个带有示例的jsfiddle。我想知道是否有办法使第二个链接起作用。 这仅仅是因为我不喜欢定义一个仅调用另一个函数的函数的想法。例如

HTML:

<div ng-click="doSomething()">Click Me (Working)</div>
<div ng-click="doSomethingElse()">Click Me (Not Working)</div>

控制器JS:

$scope.doSomething = function () {
    doSomethingElse();
};

外部库 JS:

function doSomethingElse() {
    alert("SomethingElse");
}

感谢大家的创意回复! Vinay K 的答案是最简单、最明显的,但我决定采用 Ron E 的答案。 原因是我已经有了一个包含可重用指令集合的全局模块,这将使我在 HTML 中的实现变得更容易、更清晰。另外,因为我有时会使用库中的多个函数,然后必须将它们链接到 onclick 中:

onlick="func1(); func2(); func3();"

指令更加清晰,我可以在做其他事情的同时调用任意数量的函数。


ng-click表达式(或角度中的任何其他表达式)将在范围的上下文中进行评估。

As doSomethingElse未定义范围,它将不起作用。

Use onclick代替ng-click

<div ng-click="doSomething()">Click Me</div>
<div onclick="doSomethingElse()">Click Me </div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 ng-click 上调用超出范围的 javascript 函数 的相关文章

  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 使用 moment.js 检查输入日期是否为星期一

    好吧 我想检查日期是否是星期一 例如 var myDate new Date moment myDate DD MM YYYY dayIs monday 在我的国家 一周的第一天是星期一 所以 我真的想检查输入日期是否是一周的开始 我尝试使
  • 如何按照编写的顺序迭代 javascript 对象属性

    我发现了代码中的一个错误 我希望通过最少的重构工作来解决该错误 此错误发生在 Chrome 和 Opera 浏览器中 问题 var obj 23 AA 12 BB iterating through obj s properties for
  • Ember.js 处理 View 事件后转换到路由

    Setup 我有一个 Ember 应用程序 支持使用 Imgur API 上传图像 我已经有一个工作路线和模板来处理任何 Imgur ID 但我想在上传新图像后转换到此路线 使用返回的 Imgur ID 这是该应用程序的相关部分 http
  • 是否可以使用 javascript 测试用户的浏览器/操作系统是否支持给定类型的链接?

    是否可以使用 javascript 或其他任何东西 测试用户的操作系统 浏览器是否支持给定的 url 方案 例如 大多数仅使用网络邮件的用户计算机上未设置 mailto 是否有可能以某种方式捕获单击 mailto 链接的尝试并弹出比浏览器错
  • javascript中按tab键时如何调用函数?

    我有一个这样的功能 function whenEmpty field if field value field style backgroundColor ffcccc alert Please fill the field field f
  • Javascript - 将值从下拉框传递到 Google Maps API

    我正在使用 Google 地图 API 为一家出租车公司创建报价表 目前 用户在 2 个文本框中输入出发点和接载点 API 会计算两点之间的距离以及行程费用 我正在尝试添加两个具有设定位置的下拉框 以便用户可以选择这些位置之一或使用文本框输
  • 未捕获的错误:找不到模块“jquery”

    我在用Electron https github com atom electron制作桌面应用程序 在我的应用程序中 我正在加载一个外部站点 Atom 应用程序之外 可以说http mydummysite index html http
  • 在d3.js中将2D形状转换为3D,并根据ANGULAR中的值调整高度

    我正在使用 d3 js v6 创建以下 2D 图表表示的 3D 图表 这个圆圈中有多个正方形 每个正方形都根据值分配了一种颜色 值越大 正方形越暗 现在我想将其转换为 3D 形状 其中当值变高时 只有特定正方形的高度会增加 因此结果在某种程
  • 如何使JavaScript函数在Eclipse“大纲视图”中可见?

    我有这样的代码 但如果它在匿名函数中定义 则无法打开函数大纲 类没有问题 我该如何概述something2 请分享一些提示 我可以将所有函数标记为构造函数 但这是无效的方法 start of track event required deb
  • 为什么“tbody”不设置表格的背景颜色?

    我在用 tbody 作为 CSS 选择器来设置background color在一个表中 我这样做是因为我有多个 tbody 表内的部分 它们具有不同的背景颜色 我的问题是 当使用border radius在细胞上 细胞不尊重backgro
  • 查询为空 Node Js Sequelize

    我正在尝试更新 Node js 应用程序中的数据 我和邮递员测试过 我的开发步骤是 从数据库 MySQL 获取ID为10的数据进行更新 gt gt 未处理的拒绝SequelizeDatabaseError 查询为空 我认识到 我使用了错误的
  • Nodejs mysql 获取正确的时间戳格式

    我在用着mysqljs https github com mysqljs mysql得到结果后sql我变得不同TimeStamp格式如下 created at Sat Jul 16 2016 23 52 54 GMT 0430 IRDT 但
  • JavaScript onresize 事件多次触发

    我在尝试仅在触发 onresize 事件时运行一次函数时遇到一些麻烦 我已经看过这个问题DOM onresize 事件 https stackoverflow com questions 1500312 javascript onresiz
  • 如何获取 UIWebView 中元素的位置?

    我在 iPad 程序中加载了 html 的 UIWebView 通过使用 webkit column width 我将 html 分为几列 padding 0px height 1024px webkit column gap 0px we
  • 无法在前端使用 JavaScript Fetch API 将文件上传到 FastAPI 后端

    我正在尝试弄清楚如何将图像发送到我的 API 并验证生成的token那是在header的请求 到目前为止 这就是我所处的位置 app post endreProfilbilde async def endreProfilbilde requ
  • 如何在 Google 地图 V3 中创建编号地图标记?

    我正在制作一张上面有多个标记的地图 这些标记使用自定义图标 但我还想在顶部添加数字 我已经了解了如何使用旧版本的 API 来实现这一点 我怎样才能在V3中做到这一点 注意 当您将鼠标悬停在标记上时 标题 属性会创建一个工具提示 但我希望即使
  • 在 Javascript 中减少/分组数组

    基于this https stackoverflow com a 40774906 3254598例如 我想以稍微不同的方式按对象进行分组 结果应该如下 key audi items make audi model r8 year 2012
  • 如何在打字稿文件中导入没有定义文件的js库

    随着我们的项目变得越来越大 我想从 JavaScript 切换到 TypeScript 以帮助进行代码管理 然而 我们使用许多库作为 amd 模块 我们不想将其转换为 TypeScript 我们仍然想将它们导入 TypeScript 文件
  • 在 GWT 中,在任何主机页标记上添加事件处理程序

    我想为任何标签添加 MouseOver 事件处理程序 举个例子 我想为旧版 HTML 页面中的每个锚点页面添加事件处理程序 继GWT指南 http code google com webtoolkit doc 1 6 DevGuideUse

随机推荐

  • 如何对使用 FederatedAuthentication.SessionAuthenticationModule 的代码进行单元测试

    如何测试此代码 ASP NET MVC 4 NET 4 5 Web 应用程序中的登录方法 public ActionResult Login LoginModel model string returnUrl if ModelState I
  • 使用 添加方向 (dir = "rtl")

    我是 html 新手 经常使用希伯来语 我遇到了这个问题 这让我觉得我误解了一些东西 据我所知 该元素没有任何效果 但它确实允许添加样式 但是 尝试这样做 span some text that should be rtl ed span
  • 提示 HINT_PASS_DISTINCT_THROUGH 将 PageRequest 每页返回的实体数量减少到配置的页面大小以下 (PostgreSQL)

    我正在设置一个基于 JPA 规范的存储库实现 该实现利用 jpa 规范 基于 RSQL 过滤器字符串构建 来过滤结果 定义结果排序并通过 不同 删除任何重复项 否则这些重复项将因连接表而返回 JPA 规范构建器方法连接多个表并设置 不同 标
  • 计算 Linux 目录中的文件数量? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 要计算目录中的文件数量 我通常使用 ls directory wc l 但是还有另一个命令不使用wc 这是一 ls l egrep c N
  • 如何使用 SQL 数据库中的纬度和经度查找最近的位置?

    我想从以下数据库表中找到最近的位置 Address Latitude longitude Kathmandu 44600 Nepal 27 7 85 33333330000005 Los Antoniterstra e 37 09024 9
  • Lua 5.2 问题:lua_pcall 中的“尝试调用 nil 值”

    我在从 C 调用 Lua 5 2 函数时遇到问题 这是 Lua 块 名为 test lua function testFunction print Hello World end 这是 C int iErr 0 Create a lua s
  • IndexError:索引 14708 超出尺寸 295 的轴 0 的范围

    我正在尝试用 yolo 制作对象检测软件 但出现了这个错误 我迷失了方向 谁能帮我 代码不完整 如果这篇文章有任何错误 我很抱歉 因为我是新的 Stackoverflow 该教程来自 Traceback most recent call l
  • 您区分文本编辑器和 IDE 吗?

    我见过一些针对 IDE 问题的回复 其中建议使用文本编辑器 反之亦然 这让我认为人们将它们视为同一件事 我对此做出了明确的区分 如何定义 文本编辑器 和 IDE 您看到这两个工具之间有什么区别吗 请注意 我接受了一个我认为最能解决 文本编辑
  • Rails - 在保存到服务器之前将 DateTime 转换为 UTC

    我不知道如何 但我的控制台和服务器有两个不同的 DateTime now 时区 如果我在控制台中运行 DateTime now 则会返回以下内容 Wed 04 Dec 2013 14 27 23 0500 但是 我的任务模型中有以下内容 d
  • JavaScript 中求和指数

    var total 0 for x 1 x lt 16 x var y x 1 var singleSum Math pow x y Math pow y x total total singleSum document write tot
  • TypeScript 中关联对象数组的接口

    我有一个像这样的对象 var obj key1 apple key2 true key3 123 key n So obj可以包含任意数量的命名键 但值必须全部是字符串 布尔值或数字 我如何声明类型obj作为 TypeScript 中的接口
  • 在 Python 运行时创建对象

    当涉及到在运行时创建对象时 我在理解 OOP 概念时遇到了问题 我研究过的所有教育代码都定义了特定的变量 例如 Bob 并将它们分配给一个新的对象实例 鲍勃 人 我现在无法理解的是如何设计一个在运行时创建新对象的模型 我知道我的措辞可能有错
  • 如何计算日出和日落时间(matlab)?

    我需要在 Matlab 中计算日出和日落时间 但我找不到正确 且简单 的方法来做到这一点 我需要得到与以下内容相同的结果 https www esrl noaa gov gmd grad solcalc https www esrl noa
  • 实现 IEnumerable 时遇到问题

    我正在尝试编写自己的 简单的 List 实现 这就是我到目前为止所做的 using System using System Collections Generic using System Linq using System Text na
  • 限制直接 url 下载图像

    我不久前问过这个问题并得到了我认为可行的答案 但我仍然遇到问题 也许这是我做错的事 但我仍然没有这个权利 我想限制对整个目录的访问 该目录中包含图像和 pdf 文件 我需要创建 pdf 文档的链接并将图像嵌入到锚标记中 有人告诉我为此使用标
  • 将多个属性元数据添加到工作流活动中的依赖属性

    我正在 Windows 工作流中构建许多自定义活动 我需要添加一个 DependencyProperty 它可以list该属性的多个值 用户可以在使用活动时选择这些值 例如对或错 我知道如何使用 PropertyMetadata 简单地传递
  • 使用 JavaScript 循环遍历日期范围

    给定两个Date 对象 其中一个小于另一个 我如何在日期之间每天循环 for loopDate startDate loopDate lt endDate loopDate 1 这种循环会起作用吗 但是如何向循环计数器添加一天呢 Thank
  • ngOnInit 中未定义角度异步输入?

    我有一个父组件通过 API 将数据传递给子组件 如下所示 ts private loadData this data this apiService getData html
  • 在 Scala 中实现多级 Java 接口

    我有以下层次结构java for my interface public interface Identifiable
  • 在 ng-click 上调用超出范围的 javascript 函数

    我有一个 javascript 库 其中包含许多有用的函数 我在网站上使用它们来执行各种操作 我知道我无法通过 ng click 访问这些函数 因为这些函数超出了范围 有没有一种方法可以访问它们 而无需声明仅调用库中函数的作用域函数 Her