Question

我有这个变量：

var number = "1,10,25,60";

如何在视图中解析此表单？

<tr>
   <td ng-click="ctrl.set(1)>1</td>
   <td ng-click="ctrl.set(10)>10</td>
   <td ng-click="ctrl.set(25)>25</td>
   <td ng-click="ctrl.set(60)>60</td>
</tr>

在普通的js中，我只会做var numbers = number.split(",");，然后像这样循环：

var html;
for (i = 0; i <= numbers.length; i++) {
   html += "<td ng-click='ctrl.set" + numbers[i] + "'>" + numbers[i] + "</td>";
}

也许有些指令？

Answer 1

将其分配给$scope var（拆分结果）

var number = "1,10,25,60";
$scope.numbers = number.split(",");

观点：

<tr ng-repeat="num in numbers">
    <td ng-click="ctrl.set(num)>{{num}}</td>
</tr>

Answer 2

ng-repeat将迭代一个数组：

<html>
  <head>
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.17/angular.js"></script>
   </head>
<body  ng-app  >
    <input ng-model="$scope.numbers" ng-init="$scope.numbers = [1,10,25,60]"/>
    <table>
      <tbody>
        <tr>
          <td ng-repeat="n in $scope.numbers track by $index"
              ng-click="console.log(n);$scope.selected = n">{{n}}
          </td>
        </tr>
      </tbody>
    </table>
    <div>{{$scope.selected}}</div>
  </body>
</html>

angular.js如何解析视图内的变量数据

2 个答案: