首页 > 解决方案 > AngularJS Html 元素在 Ajax 之后没有正确显示

问题描述

我只是使用 ajax/http 服务生成一个表。我把按钮放在最后一个表格列上。但它只显示纯文本。

在此处输入图像描述

我的代码:

<table  border="1" class="ExcelTable2007" style="margin-top:10px;">                 
    <tr>
        <th> COL1 </th>
        <th> COL2 </th>
        <th> COL3 </th>
        <th> COL4 </th>
        <th> COL5 </th>
    </tr>
    <?php 
    foreach($orders as $order)
    {
        ?>
        <tr> 
            <td>x</td> 
            <td>x</td> 
            <td>x</td>
            <td>x</td>
            <td>
              <button class="w3-button w3-green w3-border w3-padding-small" 
                      ng-click="view_order(history.ID)">
                VIEW INFO
              </button>
            </td>
        </tr>
        <?php
    }
    ?>        
</table>

捆绑:

<div class="w3-responsive" >
     <p>SEARCH <input type="text" ng-model="srch"></p> 
     <div ng-bind-html="ora_orders"></div>      
</div>

请帮忙。

标签: angularjscodeigniter

解决方案


尝试为按钮元素添加 type = button

<button type="button" class="w3-button w3-green w3-border w3-padding-small"
        ng-click="view_order(history.ID)">VIEW INFO</button>

推荐阅读