Table dosent load data using ng-repeat

Question

Im loading data from php to a variable in angular js but the table dosent load the data and remains empty

       <script>
           var app = angular.module('clientesApp', []);
               app.controller('clientesController', function ($scope,$interval) {
               $scope.clientes =[];
               $scope.error = [];
               $scope.alertMsg=false;
               $scope.carregarClientes = function () {
                   $.getJSON(
                       "/abcaia/getclientes.php", {},
                       function (jsonData) {
                           $scope.clientes = jsonData;
                           console.log($scope.clientes);
                           $scope.applay;
                       });

               };



         });
       </script>

I added a button that calls the function of requesting data and the data loads after that, but i whant for it to load when the page loads

       <div ng-init="carregarClientes()">
         <button id="btnEnviaComent" class="btn btn-success btn-x" ng-click="carregarClientes()">
             Enviar
         </button>
         <table class="table table-bordered table-striped">
             <thead>
               <tr>
                 <th>id</th>
                 <th>info</th>
               </tr>
             </thead>
             <tbody ng-repeat = "c in clientes" >
               <td>{{c.idCliente}}</td>
               <td>{{c.info}}</td>
             </tbody>
         </table>
       </div>

aUXcoder aUXcoder · Accepted Answer · 2020-06-26T16:04:05

Just invoke $scope.carregarClientes() after the function declaration. You will get the same results as clicking the button.

Table dosent load data using ng-repeat

2 Answers