javascript - 关于angular在指令中无法获取子元素的问题!
天蓬老师
天蓬老师 2017-04-10 16:06:58
0
1
309

首先,指令selector-child以属性的方式在p元素中

我是没有任何指令的

{{aa.text}}

有ng-repeate指令

然后,控制器中也定义了aas的模型数据。
最后,想通过类名来查找具有ng-repeate指令的的元素列表,结果显示为空没有指令的类名却可以查到,为什么,求解????

myApp.directive('selectorChild', function () { return { restrict: "A", link: function (scope,element,attr) { console.log(element.find('.testClass')); // 可以找到没有任何指令的子元素->输出结果[p.testClass] console.log(element.find('.listClass')); // 在有ng-repeat指令的子元素却找不到,结果为空 } }; });
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

reply all (1)
黄舟

这里我写了个例子
原因:ng-class="listClass"这里的listClass不是个字符串,是个变量。你需要在controller中定义下这个变量。

$scope.listClass="listClass"
.listClass{ color:red; }

检查方法:渲染出来后,检查元素,会有class属性,而不是只有ng-class。

    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!