Angular.js getElementById() 在 $scope 函数中不起作用

2024-02-12

el = document.getElementById(id);在下面的函数内不起作用...el 为空。在浏览器调试中,我可以使用相同的代码提取该元素。我是 Angular.js 的新手。我不能在附加到作用域的函数中使用常规 JavaScript 吗?

myappApp.controller('Scroller', function($scope, $location, $anchorScroll) {
    $scope.scrollTo = function(id) {
    el = document.getElementById(id);
    }

我认为 DOM 还没有加载。因此,请确保 getElementById() 在 DOM 完全加载后运行。如果在“load”事件触发后失败,则这是由另一个原因导致的。

HTML

<body ng-controller="sample">
    <h1 id="foo">bar</h1>
</body>

JS

var app = angular.module('myApp', []);

    app.controller('sample', function($scope){

        addEventListener('load', load, false);

        function load(){
            var el = document.getElementById("foo");
            alert(el);
        }

    });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular.js getElementById() 在 $scope 函数中不起作用 的相关文章

随机推荐

  • 如何使用 INotifyPropertyChanged 更新列表框项目

    我有一个列表框 它与对象集合进行数据绑定 我想修改项目的显示方式 以向用户显示这些对象之一是我的程序中的 START 对象 我尝试按照以下方式执行此操作 但列表框不会自动更新 使控制无效也不起作用 我能找到的唯一方法是完全删除数据绑定并再次
  • PHP:仅使用模数和指数进行 RSA 加密

    现在 我只有模数和指数 我应该如何在 PHP 中使用模数和指数进行加密 我花了很多时间在网上寻找答案 但毫无用处 谢谢你的时间 使用 phpseclib 一个纯粹的PHP RSA 实现 http phpseclib sourceforge
  • 在 Microsoft Bot Framework v4 中处理自适应卡 - Nodejs

    return new Promise resolve reject gt x context sendActivity text hi attachments CardFactory adaptiveCard menuJson 我正在尝试发
  • 使用 Xcode 12 访问 SwiftUI 中的 ViewModel 字段:“访问安装在视图之外的状态值”

    我认为这个错误消息对于 Xcode 12 中的 SwiftUI 来说是新的 因为它在 Google 中的点击率为 0 而消息本身相当通用 访问安装在视图之外的状态值 这将导致 Binding 的初始值恒定并且不会更新 我有以下代码 删除了一
  • HTML5 服务器发送的事件:如何设置 withCredentials 选项?

    根据WHATWG 服务器发送的事件 http www whatwg org specs web apps current work multipage comms html eventsource下面是使用的API事件源界面 Constru
  • 将数据表导出到 Excel asp

    我有一个将数据导出到 Excel 文件的网页 我遇到的唯一问题是 当我尝试打开 Excel 文件时 我收到一条消息 您尝试打开的文件的格式与文件扩展名指定的格式不同 请验证该文件未损坏并且来自打开文件之前的可信来源 我怎样才能摆脱这个消息
  • 追加 ArrayBuffer

    附加 组合 ArrayBuffer 的最佳方式是什么 我正在接收和解析具有各种数据结构的网络数据包 传入的消息被读入 ArrayBuffer 如果部分数据包到达 我需要存储它并等待下一条消息 然后重新尝试解析它 目前我正在做这样的事情 fu
  • DocumentApp 表:如何合并列中的单元格? [带有解决方法]

    我正在尝试使用 GAS 构建一个文档 该文档将包含一个表 该表的第一列中有一个单元格 第二列中有多个单元格 请参阅此处的示例 https docs google com document d 1e48FxrgZ7uakatBRIDAZZi
  • 使用 pandas 将多列取消列出为行

    我有一个像这样的 json 文件 A type1 2 26 288 type2 2 3 5 type3 23 26 288 B type1 2 26 288 type2 2 3 5
  • 异步请求未进入完成块

    下面的代码是为了让我更好地理解 NSURLConnection sendAsynchronousRequest queue completionHandler 有NSLog中的陈述completionHandler块 但是当我运行它时mai
  • mmap() 返回 EINVAL

    我无法获取mmap功能来工作 它返回EINVAL错误代码 void mapped mmap void map addr slide map size PROT WRITE PROT READ MAP PRIVATE MAP ANON bpr
  • 如何测试向量是否包含重复元素?

    R中如何测试向量是否包含重复元素 我想我找到了答案 使用重复 函数 a c 3 5 7 2 7 9 b 1 10 any duplicated a True any duplicated b False
  • 查找序列上的 for 循环中项目的位置[重复]

    这个问题在这里已经有答案了 可能的重复 在 Python for 循环中访问索引 https stackoverflow com questions 522563 accessing the index in python for loop
  • 图节点坐标评估[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 这些之中的哪一个 https stackoverflow com questions 492893 graph drawing c lib
  • 如何计算 Selenium 测试相对于 Web 应用程序代码的代码覆盖率

    我需要将我的硒测试的代码覆盖率捕获到所覆盖的服务器代码 Web 应用程序源代码 中的源代码量 例如 登录功能的测试应捕获 Web 应用程序中登录功能所涵盖的代码量 否则需要知道它在完成的场景的 Web 应用程序代码中触及了哪个包或类 例如登
  • ifstream read 和 fread 不返回相同的数据,C++

    我的问题是 在文件描述符上使用 ifstream read 和 fread 似乎不会产生相同的结果 我打开一个文件并使用 ifstream open read 以 ios binary 模式读取其输入 然后我将此缓冲区写入文件 输出1 接下
  • 使用 lambda 创建 unordered_set

    我怎样才能使unordered set与拉姆达 我知道如何使用用户定义的哈希结构来实现它并且operator 我当前的代码是 include
  • 如何在 OSX 中的 .bash_profile 中获取外部文件?

    我在我的中定义了一些别名 bash profile文件和别名按预期工作 例如 alias python server python m SimpleHTTPServer 7070 而且 当我打开新终端时 输入python server打开一
  • 网络服务发现

    我正在考虑为 Android 客户端 和服务器 Windows 制作客户端 服务器应用程序 该应用程序的用途是从服务器 PC 开始 它允许用户扫描网络以查找与我的 C 应用程序兼容的设备 然后可以向客户端和服务器发送消息或从客户端和服务器发
  • Angular.js getElementById() 在 $scope 函数中不起作用

    el document getElementById id 在下面的函数内不起作用 el 为空 在浏览器调试中 我可以使用相同的代码提取该元素 我是 Angular js 的新手 我不能在附加到作用域的函数中使用常规 JavaScript