Question

有人可以指导我如何使用ng-repeat在单独的列中显示数组的值吗？请注意，字段是动态生成的，我不能硬编码tran.id或tran.firstname等字段的名称。感谢

我的HTML是：

<tr ng-repeat="tran in trans">                       
     <td>{{ tran }}</td>   
</tr>

我的JS代码是：

$scope.displayTrans = function(){
        $http.get("model/selecttrans.php")
        .then(function(response) {  

            console.log(response.data);
            $scope.trans = response.data;

        }); 

    }

我的PHP代码是：

<?php   

    $sql = "SELECT * FROM trans";
    $stmt = $conn->prepare($sql);  
    $stmt->execute();

    $total = $stmt->rowCount();

    if ($total > 0 ) {

        while ($row = $stmt->fetchObject()) {

            $output[] = $row; 

        }
    } else {
        $output = 'No data';
    }

    echo json_encode($output);

我在控制台中收到以下输出：

[…]

0: {…}

"$$hashKey": "object:15"

email: null

firstname: "Aziz"

id: "19"

lastname: "Virani"

password: "12345"

__proto__: Object { … }

1: {…}

"$$hashKey": "object:16"

email: "test@test.edu"

firstname: "Test"

id: "32"

lastname: "Result"

password: "test"

__proto__: Object { … }

length: 2

__proto__: Array []

并在我的浏览器中输出：

{"id":"19","lastname":"Virani","password":"12345","firstname":"Aziz","email":null}
{"id":"32","lastname":"Result","password":"test","firstname":"Test","email":"test@test.edu"}

任何人都可以建议我如何在单独的列中显示输出，如下所述：

id   |  lastname  | password
32   |  Result    | test

请忽略验证，例如密码应该哈希或md5等.....

我可以通过输入{{tran.id}}或{{tran.firstname}}轻松获取数据，但这些字段是动态生成的，我无法对字段名称进行硬编码....

谢谢你阿兹

Answer 1

所以我想出了显示输出的方法......

之前我使用嵌套的ng-repeat和（键，值）和表行属性，但在其他博客上我发现嵌套的ng-repeat与表数据一起工作，所以我更新了我的代码，一切都很酷....

ng-repeat在单独的列中显示输出

1 个答案: