javascript - 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 模型改进这一点，以便我可以通过 Controller 或 View 访问模型？

编辑更多代码:

在我看来，我有:

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

这些值通过服务器直接嵌入到 View 中，而不是 Controller 。

在 Controller 中，我在 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 从 Controller 访问它们:

<div class="sli1" ng-model="arrayWithValues1"
<div class="sli2" ng-model="arrayWithValues2"

.controller('SomeCtrl', function() {

  var array1 = $scope.arrayWithValues1;
  var array2 = $scope.arrayWithValues2;
});

此外，不要在 Controller 中进行 DOM 操作(如果您一直在这样做的话)。