HTML-элементы AngularJS не отображаются должным образом после Ajax

Question

Я просто генерирую таблицу, используя сервис 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>

ПОМОГИТЕ PLS.

Answer 1

Попробуйте добавить тип = кнопку для элемента кнопки

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