Question

在ng-repeat中不显示任何数据，但是该数据可以作为响应。循环无法正常工作。

     <html>
            <head></head>
            <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>


        <body ng-app="myApp">

        <div  ng-controller="thecontroller">


    <form>
       <tr ng-repeat="x in names">
          <td>{{x.name}}</td>
          <td>{{x.email}}</td> 
         <td>{{x.passward}}</td> 
      </tr> 
    </form>
 </div> 
</body>

console.log（响应）在控制台中显示数据

    <script>
        var app = angular.module('myApp', []);
    app.controller('thecontroller', function($scope, $http) {


     $http.get("show.php")
        .then(function (response) {

          $scope.names=response.data;
          console.log(response) 
         } );   
    });
        </script>

</html>

Answer 1

因此，我尝试了您的代码并进行了一些更正，导致您看不到任何数据的原因可能是由于使用了tr和td标签而不使用table标签为父标签，请检查下面的代码，其中添加了table和tbody标签，此外，为了模拟http请求，我使用了{{1} }，它将在3秒钟后设置数据，请研究示例并将其实现为您的代码！

$timeout

var app = angular.module('myApp', []);
app.controller('thecontroller', function($scope, $http, $timeout) {
  var data = [{
    name: "one",
    email: "one@one.com",
    password: "1234"
  }, {
    name: "two",
    email: "two@two.com",
    password: "1234"
  }, {
    name: "three",
    email: "three@three.com",
    password: "1234"
  }, ]
  $timeout(function() {
    $scope.names = data;
  }, 3000);
  /*$http.get("show.php")
    .then(function(response) {

      $scope.names = response.data;
      console.log(response)
    });*/
});

角度js ng-repeat不起作用

1 个答案: