Question

我在AngularJS中创建了一个指令<chart>。我想为其添加属性x-series和y-series。

要求是这些属性应采用x-series="xData1 xdata2 xdata3"和y-series="ydata1 ydata2 ydata3"等多个参数。

如何解析x系列和y系列属性的不同值？我可以通过按空格分割scope.xSeries和scope.ySeries的值来实现，但我想知道如果Angular提供了更好的方法来指定具有多个值的属性。

Answer 1

例如，您可以实际传递数组。

<chart y-series="myArray"></chart>

//in controller

$scope.myArray = ['ydata1','ydata2'];

//in directive

scope:{
  'y-series': '=' // this will set up bi-directional data binding to the array
}

Answer 2

也许使用密钥获取更多信息

x-series={key1:xData1, key2:xData2, key3:xData3}

通过这种方式，您可以使用x-series.key1和x-series.key2

进行区分

AngularJS为custom指令的属性指定多个值

2 个答案: