AngularJS нг-повтор не отображать мои данные - PullRequest
Новая
       0

AngularJS нг-повтор не отображать мои данные

0 голосов
/ 30 мая 2018

My ng-repeat не отображает мои данные.Но в console.log отображается нормально.Я использую Laravel с бэкэндом.Что я делаю не так? 

<!DOCTYPE html>
<html ng-app="myApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>


<div ng-controller="myCtrl">
    <tr ng-repeat="t in teste">
        <td>{{t.id}}</td>
        <td>{{t.total}}</td>
    </tr>    
</div>


<script>


var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $http) {
  $http.get("//localhost:8000/angular")
  .then(function(response) {        
      $scope.teste = response.data;
      console.log($scope.teste);



  });
});
</script>

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 14 марта 2019

Эта тема была создана некоторое время назад, и поэтому она предназначена для случайного человека, который сталкивается с этим в поиске Google.Я сделал ошибку, не используя *ngFor вместо ng-repeat, который не используется в последней версии Angular.Я прочитал документы, чтобы понять это: https://angular.io/guide/ajs-quick-reference

0 голосов
/ 31 мая 2018

Вот ваш код обновлен, я думаю, что вам нужно только обернуть тег tr в табличный тег.Надеюсь, это поможет ...

Также я поставил вызов поддельного API для данных, потому что в вашем примере используется ссылка localhost 

<!DOCTYPE html>
<html ng-app="myApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<script>


var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $http) {
  $http.get("https://jsonplaceholder.typicode.com/posts")
  .then(function(response) {    
  setTimeout(function () {
        $scope.$apply(function () {
           $scope.teste = response.data;
        });
    }, 0);
     

  });
});
</script>

<div ng-controller="myCtrl">
<table >
  <tr style="text-align : left">
    <th>Id</th>
    <th colspan="2">Title</th>
  </tr>
  <tr ng-repeat="t in teste track by $index">
        <td>{{t.id}}</td>
        <td>{{t.title}}</td>
    </tr> 
</table>
       
</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...