angular.js如何在视图内部解析变量数据
[英]angular.js how to parse variable data inside view
问题描述
我有这个变量：
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>";
}
也许一些指令？
2 个解决方案
解决方案1
2 已采纳 2015-07-20 18:16:14
将其分配给$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>
解决方案2
0 2015-07-20 18:23:49
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 变量？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.