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

Question

我目前正在使用1.2.x版本的AngularJs，我试图从HTML元素中检索data：

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

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

Answer 1

您可以访问控制器中的data属性：

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

Fiddle