javascript - 检查 js/angularjs 中是否存在 DOM 元素

标签 javascript angularjs

http://plnkr.co/edit/LZUa1tm7EROk8zcw6sGh?p=preview

angular.module('myModule', [])
  .controller('myDirective', function() {
    console.log(angular.element('.myClass').prop('offsetWidth'));
  }); 

我想检查 DOM 在 AngularJS 中的哪些位置可见或不可见。但是出现了 myClass is not a function 的错误?

最佳答案

将 Controller 名称 myDirective 更改为 myClass

尝试这样

angular.module('myModule', [])
  .controller('myClass', function($scope) {
    var mClass = document.getElementsByClassName("myClass");
    console.log(angular.element(mClass).prop('offsetWidth'));

  });

DEMO

N:B:DOM 相关任务应在指令而不是 Controller 中处理。

关于javascript - 检查 js/angularjs 中是否存在 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40604507/

相关文章:

javascript - 使用 Angular $resource 获取相关数据的正确模式

javascript - Angular js - 在 $scope 中增加月份

javascript - 浏览器中的引擎-它们如何相互作用?

javascript - JQTouch 无法播放链接的 mp3 文件

javascript - 将 "converted"对象字符串转换为 JSON 或对象

javascript - 如何使用 Angular js在本地/项目文件夹中保存/上传图像?

javascript - 手动拒绝路由 promise 不起作用

angularjs - 为什么 ng-click 在 case-1 中不起作用,但在 case-3 中起作用?

javascript - 在服务器上以 HTML5 播放远程音频(来自谷歌翻译)

javascript - Angular js错误: Argument 'questionsCtrl' is not a function