Javascript 角度JS-指令属性上的Pull

Javascript 角度JS-指令属性上的Pull,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我想知道是否有一种方法可以获得Angular JS中diretive中对象的所有值。例如,我必须使用以下数组: var example_data = [{ request: 'request1', totalRequests: 100, avgTime: 10 }, { request: 'request2', totalRequests: 150, avgTime: 13 }, { request: 'request1', totalRequests: 90, avgTime: 12 }, {

我想知道是否有一种方法可以获得Angular JS中diretive中对象的所有值。例如,我必须使用以下数组:

var example_data = [{ request: 'request1', totalRequests: 100, avgTime: 10 },
{ request: 'request2', totalRequests: 150, avgTime: 13 },
{ request: 'request1', totalRequests: 90, avgTime: 12 },
{ request: 'request2', totalRequests: 50, avgTime: 14 },
{ request: 'request1', totalRequests: 100, avgTime: 13 },
{ request: 'request2', totalRequests: 130, avgTime: 15 }];
我想从数组中提取所有请求值。 问题是我想在指令attr中执行,而不经过控制器。有办法吗? 基本上,我希望在指令属性中直接使用某种类型的Pull函数

更新


我在fiddle中研究并尝试了angular-chart.js,效果很好。我发现我必须首先在控制器中操作数据。现在只有一件事,图表正常显示,没有任何异常是的,但在我的项目中,它只显示图表网格,没有显示条形图。这里有什么问题?我已经将angular、chart.js和angular-chart.js的依赖项更改为我在fiddle中使用的依赖项

您可以尝试使用如下指令范围:

angular.module('plunker').directive('myDirective', function(){
  return {
    resctrict: "A",
    scope: {
      myArray:'='
    },
    link: function(scope, elem, attrs){
      console.log(scope.myArray);
    }
  }
});
<div my-directive my-array="example_data"></div>
使用
scope:{…}
创建指令作用域,并为作用域对象定义绑定规则。对于myArray声明,这里的
'='
表示它是一个双向绑定。是范围的规则吗

您可以在视图中使用此指令,如下所示:

angular.module('plunker').directive('myDirective', function(){
  return {
    resctrict: "A",
    scope: {
      myArray:'='
    },
    link: function(scope, elem, attrs){
      console.log(scope.myArray);
    }
  }
});
<div my-directive my-array="example_data"></div>


具有此应答实现的plunker

是否可以发布至少一些“伪代码”以获得所需结果?您的意思是希望将数组
示例_数据作为指令的参数传递?像这样:
?是的,就像JeanJacques说的。我想像
那样传递值,我已经尝试过了,原因是我想用它绘制一个图表,但不知为什么画布没有显示出来。我认为,如果我试图直接在DOM元素中分配属性会更容易,但我得到的数据没有正确地进行打包。@R.Godinho您能提供指令代码或在plunker中重现此行为吗?很抱歉,延迟太久,我在将代码传递到fiddle时遇到了一些问题。但事实是: