如何使用AngularJS从HTML元素获取数据?

如何使用AngularJS从HTML元素获取数据?,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我目前正在使用AngularJs的1.2.x版本,我正在尝试从HTML元素中检索数据: <div ng-controller="mycontroller" data-foo="bar1"> <div ng-controller="mycontroller" data-foo="bar2"></div> 我想检索foo的值,并得到[bar1,bar2]的结果。我曾考虑过使用$.data(),但希望避免这种情况。控制器mycontroller是故意重复的,不

我目前正在使用AngularJs的1.2.x版本,我正在尝试从HTML元素中检索
数据

<div ng-controller="mycontroller" data-foo="bar1">
<div ng-controller="mycontroller" data-foo="bar2"></div>


我想检索
foo
的值,并得到
[bar1,bar2]
的结果。我曾考虑过使用
$.data()
,但希望避免这种情况。控制器
mycontroller
是故意重复的,不是错误。有关于如何检索HTML元素中的数据的建议吗?

您可以访问控制器中的
数据
属性:

app.controller('mycontroller', function ($scope, $attrs) {
    console.log($attrs.foo);
});

谢谢!工作起来很有魅力。