Data属性到javascript数组

Question

在我的代码中，我有几个标记项，如:

<div class="sli1"
 data-values="10, 20, 30, 40,50, 60, 70"
<div class="sli2"
 data-values="20, 40,60, 80,100, 120, 500"

我现在有一个非常简单的:

sli1 =  $('#sli1').attr('data-values')

我如何用Angular模型改进这一点，这样我就可以通过控制器或视图访问模型了?

编辑更多代码:

在我看来，我有:

<div class="sli1"
 data-values="... 

这些值通过服务器直接嵌入到视图中，而不是嵌入到控制器中。

在控制器中，我在JS变量上声明模型:

$scope.new['test1'] = sli1;
$scope.new['test2'] = sli2;

然后我可以声明一些点，如

$scope.new['test1'][0]
$scope.new['test1'][1];
$scope.new['test1'][2];
$scope.new['test1'][3];
$scope.new['test1'][4];

要获得数组索引值，只是想知道我是否可以直接用angular做得更好，而不是依赖于JS变量。

Answer 1

您可以将值设置为ng-model，然后通过$scope从控制器访问它们:

<div class="sli1" ng-model="arrayWithValues1"
<div class="sli2" ng-model="arrayWithValues2"
.controller('SomeCtrl', function() {
  var array1 = $scope.arrayWithValues1;
  var array2 = $scope.arrayWithValues2;
});

另外，不要在控制器中做DOM操作，如果那是你一直在做的。