首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在AngularJS指令中查找子元素

在AngularJS指令中查找子元素
EN

Stack Overflow用户
提问于 2014-07-08 05:24:49
回答 1查看 118.2K关注 0票数 62

我在一个指令中工作,在使用参数element通过类名查找它的孩子时遇到了问题。

代码语言:javascript
复制
.directive("ngScrollList", function(){
    return {
        restrict: 'AE',
        link: function($scope, element, attrs, controller) {

            var scrollable = element.find('div.list-scrollable');

            ...
        }
      };
})

我可以通过标记名找到它,但它无法通过类名找到它,正如我在控制台中看到的那样:

代码语言:javascript
复制
element.find('div')
[<div class=​"list-viewport">​…​</div>​,<div class=​"list-scrollable">​…​</div>​]
element.find('div.list-scrollable')
[]

做这件事的正确方式是什么?我知道我可以添加jQuery,但我想知道这是否有点夸大其词……

EN

回答 1

Stack Overflow用户

发布于 2014-07-08 05:39:24

在link函数中,执行以下操作:

代码语言:javascript
复制
// link function
function (scope, element, attrs) {
  var myEl = angular.element(element[0].querySelector('.list-scrollable'));
}

此外,在链接函数中,不要使用$命名scope变量。这是一个特定于内置angular服务的angular约定,您不希望将其用于您自己的变量。

票数 31
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24620128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档