javascript - AngularJS:从指令中访问数据绑定(bind)的值

Question

我正在尝试访问在 ng-repeat 之后执行的指令中数据绑定(bind)的值。

这是我的 html:

<div ng-repeat="(version, data) in versions" rszvers>
  <div class="hidden_div">{{version}}</div>
  <div><p>{{data.opts.a}}</p></div>
  <div><p>{{data.opts.b}}</p></div>
  <div><p>{{data.opts.c}}</p></div>
</div>

还有我的指令:

 .directive('rszvers', function() {
  return function(scope, element, attrs) {
    var p = element.find("p").contents();
    angular.forEach(p, function(value, key) {
      console.log(key);
      console.log(value.textContent);
    });
  };
 })

我试图访问我的 <p> 的值使用 value.textContent(在控制台中显示正确的值)，但当然我只检索 {{data.opts.a}} .我试图评估或解析此绑定(bind)，但没有成功。

我知道一定有一种简单的方法可以做到这一点，但我无法解决这个问题。您能否阐明我缺少的内容以及如何解决此问题？

Answer 1

您可以通过 scope 访问它，例如:

.directive('rszvers', function() {
  return function(scope, element, attrs) {
   console.log(scope.data.opts.a, scope.data.opts.b, scope.data.opts.c);
 });