javascript - 以 Angular 获取元素的绑定(bind)值

Question

假设我在 ng-repeat 子句中有这个 div:

<div ng-repeat="item in list" class="myDiv" ng-click="doStuff(item)">
    {{item.title}}
</div>

它基于这个模型:

$scope.list = [
    { 'title': 'Item 1', 'someData': 'lalala' },
    { 'title': 'Item 2', 'someData': '666' },
    { 'title': 'Item 3', 'someData': 'qwerty' }
  ];

然后我最终会得到 3 个重复的 div。
现在我有一个分析页面的外部脚本，我想提取元素的数据。
例如，如果我选择第一个 div var div1 = $('div.myDiv:first') 我可以获得属性 ng-click 和 ng-从中重复。我还可以使用 angular.element(div1).data('$binding') 获取绑定(bind) {{item.title}}.
但我真正想要的是这个特定 div 的单个项目数据:即我想编写一个函数 getItemData(element) 它将获取 div1 并返回 { 'title': 'Item 1', 'someData': 'lalala' .

如何做到这一点？
请注意，我需要一个可以同时使用转发器绑定(bind)和常规绑定(bind) 的解决方案。我基本上需要知道绑定(bind)到每个元素的实际数据。

Answer 1

您可以使用 angular.element.scope 方法访问元素数据对象:

var div1 = $('div.myDiv:first');
var dataItem = angular.element(div1).scope().item;

演示: http://plnkr.co/edit/MzQRjdgqIpbe9LGrwMDZ?p=preview