特定行上的引导表离子

Question

我可以从 JSON 输出成功显示引导表，但是我不知道如何在最后一列上填充一个按钮以显示在每一行中

<table class = "table table-hovergrey" data-search="true"  data-toggle="table" data-url="php/data.php" data-height="auto">
            <thead>
                <tr>
                    <th data-field="ID">ID</th>
                    <th data-field="Name">Name</th>
                    <th data-field="Age">Age</th>

                </tr>
            </thead>
        </table> 

PHP 代码

<?php
   // DB Credentials goes here
        $db_name  = 'dbName';
        $hostname = 'hostname';
        $username = 'username';
        $password = 'password'; 
// connect to the database

 $dbh = new PDO("mysql:host=$hostname;dbname=$db_name", $username, $password);

// a query get all the records from the users table
        $sql = 'select ID,Name,Age from PEOPLE ';

// use prepared statements, even if not strictly required is good    practice
        $stmt = $dbh->prepare( $sql );

        // execute the query
        $stmt->execute();

        // fetch the results into an array
        $result = $stmt->fetchAll( PDO::FETCH_ASSOC );

        // convert to json
        $json = json_encode( $result );

        // echo the json string
        echo $json;
?>

Answer 1

我没有足够的代表发表评论 - 但我不确定你是如何填充表格的 - 也许你有一个自定义指令 data-url ？

这是一个通过$http 从 Angular 控制器获取 JSON 数据的标准示例（通常您会在服务中进行 http 调用，但为了演示......）。

HTML 是模板化的，并使用ng-repeat 创建表格行。这样您就可以完全控制标记，并且可以轻松创建<button>。这是 Codepen 上的一个工作示例：http://codepen.io/TheFoot/pen/bVdrxQ