AngularJS:如何从外部访问在指令内部定义的属性

汤姆·奥布莱恩

我正在使用一个用于将省略号放在文本溢出上的指令,称为“角度省略号”。如果文本有足够的空间,则省略号不适用...。我需要知道是否将省略号应用于某些文本。

查看指令的代码,我可以看到它的属性似乎与我要寻找的属性匹配-attribute.isTruncated:

compile: function(elem, attr, linker) {

    return function(scope, element, attributes) {
        /* State Variables */
        attributes.isTruncated = false;

通过设置元素的“数据溢出”属性,它似乎也做了类似的事情:

element.attr('data-overflowed', 'false');

这是该指令代码的链接,它不太复杂或太长:

https://github.com/dibari/angular-ellipsis/blob/master/src/angular-ellipsis.js

我想知道我是否可以从我的控制器访问这些属性中的任何一个,如果可以,怎么办?如果这很明显,请原谅我,但我对指令完全陌生...

亚伦·史威默(Yaron Schwimmer)

记住中的“ JS” AngularJS
如果您可以通过元素idclass属性找到元素,那么您应该可以使用querySelector使用普通的javascript查询元素getAttribute

document.querySelector("#element-id").getAttribute('data-overflowed');

这不是一个完美的解决方案,因为在某些测试框架中,不能保证您具有document接口(这就是Angular具有$document包装器的原因),但是它可以满足您的需要(无需jQuery!)。如果通过ID或类名(而不仅仅是标记名)启用jqLite(由所使用angular.element那会更简单find

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS-如何在我的指令中访问templateUrl内部定义的表单?

来自分类Dev

如何从自定义指令内部访问$ modelValue和$ viewValue?

来自分类Dev

AngularJS自定义指令如何访问对象值?

来自分类Dev

单击指令上的AngularJS ScrollTop。如何阻止内部点击触发外部指令点击。

来自分类Dev

单击指令上的AngularJS ScrollTop。如何阻止内部点击触发外部指令点击。

来自分类Dev

如何从外部类访问内部类的私有属性?

来自分类Dev

如何使用内部对象函数Javascript访问外部对象属性

来自分类Dev

AngularJS:从指令内部访问数据绑定的值

来自分类Dev

访问指令内部的作用域属性

来自分类Dev

访问指令内部的作用域属性

来自分类Dev

无法访问指令内部对象的属性

来自分类Dev

AngularJS如何从指令访问JSON

来自分类Dev

angularjs自定义指令重复属性

来自分类Dev

AngularJS-从子指令访问父指令属性

来自分类Dev

AngularJS-从子指令访问父指令属性

来自分类Dev

AngularJS如何从指令模板内部捕获事件?

来自分类Dev

AngularJS如何从指令模板内部捕获事件?

来自分类Dev

如何仅从内部修改指令范围属性

来自分类Dev

如何仅从内部修改指令范围属性

来自分类Dev

AngularJS-我如何访问控制器中的指令属性

来自分类Dev

在Angularjs中的模板内部访问属性值

来自分类Dev

在Angularjs中的模板内部访问属性值

来自分类Dev

在控制器内部访问AngularJs指令变量

来自分类Dev

如何访问AngularJS指令元素索引

来自分类Dev

如何访问AngularJS指令元素索引

来自分类Dev

如何判断AngularJS中缺少自定义指令属性的时间

来自分类Dev

AngularJS:如何将属性设置为自定义指令

来自分类Dev

如何在angularjs自定义指令的模板中获取属性值?

来自分类Dev

AngularJS中的指令内部指令?

Related 相关文章

  1. 1

    AngularJS-如何在我的指令中访问templateUrl内部定义的表单?

  2. 2

    如何从自定义指令内部访问$ modelValue和$ viewValue?

  3. 3

    AngularJS自定义指令如何访问对象值?

  4. 4

    单击指令上的AngularJS ScrollTop。如何阻止内部点击触发外部指令点击。

  5. 5

    单击指令上的AngularJS ScrollTop。如何阻止内部点击触发外部指令点击。

  6. 6

    如何从外部类访问内部类的私有属性?

  7. 7

    如何使用内部对象函数Javascript访问外部对象属性

  8. 8

    AngularJS:从指令内部访问数据绑定的值

  9. 9

    访问指令内部的作用域属性

  10. 10

    访问指令内部的作用域属性

  11. 11

    无法访问指令内部对象的属性

  12. 12

    AngularJS如何从指令访问JSON

  13. 13

    angularjs自定义指令重复属性

  14. 14

    AngularJS-从子指令访问父指令属性

  15. 15

    AngularJS-从子指令访问父指令属性

  16. 16

    AngularJS如何从指令模板内部捕获事件?

  17. 17

    AngularJS如何从指令模板内部捕获事件?

  18. 18

    如何仅从内部修改指令范围属性

  19. 19

    如何仅从内部修改指令范围属性

  20. 20

    AngularJS-我如何访问控制器中的指令属性

  21. 21

    在Angularjs中的模板内部访问属性值

  22. 22

    在Angularjs中的模板内部访问属性值

  23. 23

    在控制器内部访问AngularJs指令变量

  24. 24

    如何访问AngularJS指令元素索引

  25. 25

    如何访问AngularJS指令元素索引

  26. 26

    如何判断AngularJS中缺少自定义指令属性的时间

  27. 27

    AngularJS:如何将属性设置为自定义指令

  28. 28

    如何在angularjs自定义指令的模板中获取属性值?

  29. 29

    AngularJS中的指令内部指令?

热门标签

归档