如何使用ng-repeat调用返回对象的函数

时间:2016-06-09 15:48:39

标签: javascript jquery angularjs json

我正在尝试使用嵌套的ng-repeat。但是,上限ng-repeat中的值 将作为内部ng-repeat中的参数传递。我正在尝试创建一个函数 返回一个数组所以我可以在内部ng-repeat中使用它。但它似乎不起作用。 我该怎么做到这一点。 这是我的HTML

<table class="table table-condensed" id="paytable" ng-repeat="row in employeeInfo">
    <thead>
        <tr>
            <td class="col-sm-3">Employee Info</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>{{employeeInfo.name}}</td>
            <td>
                <ul ng-repeat="row in employeeLoans(employeeInfo)">
                    <li></li>
                </ul>

            </td>
        </tr>
    </tbody>

</table>

这是angularJS

// this 
$http.get('/api/PreviewEmployee').success(function (data)
{
    $scope.employee = data;

    $scope.Allowances = Allowance(data);
});

$scope.Allowance = function (data)
{
    var result = [];
    for(var i = 0 ; i < data.length ; i++)
    {
            result.push(data[i]);                 
    }
    console.log(result)
    return result;
}

提前致谢!!!

1 个答案:

答案 0 :(得分:0)

我创建了带有示例数据的代码笔 var x = $ scope.employee;

              var keys = Object.keys($scope.employee);

              var result = [];
              for (var i = 0; i < keys.length; i++) {
                result.push(x[keys[i]]);
              }

              $scope.Allowances = result;
              console.log($scope.Allowances);});

Codepen网址 - http://codepen.io/nagasai/pen/EyPZjQ供参考

希望这对你有帮助:))