Javascript $http GET未显示在AngularJS中的显示中_Javascript_Angularjs

Javascript $http GET未显示在AngularJS中的显示中

javascript angularjs

Javascript $http GET未显示在AngularJS中的显示中,javascript,angularjs,Javascript,Angularjs,我正在AngularJS中创建一个应用程序，从后端抓取数据显示在视图上。但是，由于某些原因，我在控制台中获取数据，而不是在视图中。如果有人能帮我解决这个问题，我将非常感激。提前谢谢这是我的密码-服务主页（视图） App.js index.html 门户将您的ng repeat=“用户中的用户”更改为ng repeat=“用户信息中的用户” 作为控制器中仅分配和控制台的$scope.userInfo将您的ng repeat=“user in users”更改为ng repeat=“user

我正在AngularJS中创建一个应用程序，从后端抓取数据显示在视图上。但是，由于某些原因，我在控制台中获取数据，而不是在视图中。如果有人能帮我解决这个问题，我将非常感激。提前谢谢

这是我的密码-服务

主页（视图）

App.js

index.html


门户

将您的

ng repeat=“用户中的用户”

更改为

ng repeat=“用户信息中的用户”

作为控制器中仅分配和控制台的

$scope.userInfo

将您的

ng repeat=“user in users”

更改为

ng repeat=“user in userInfo”

由于在控制器中仅分配和控制台

$scope.userInfo

，分配数据的属性必须与要查看的绑定属性相同

根据您的HTML数据应该在

用户

中。这样做就像：

$scope.users=response.data
或者，如果将数据分配给userInfo
，则将其绑定到html上。比如：
 <div class="users" ng-repeat="user in userInfo | filter:userSearch" >

指定数据的属性必须与要查看的绑定属性相同
根据您的HTML数据应该在用户
中。这样做就像：$scope.users=response.data
或者，如果将数据分配给userInfo
，则将其绑定到html上。比如：
 <div class="users" ng-repeat="user in userInfo | filter:userSearch" >


因此，我将其更改为“userInfo”，但在控制台中收到“Error:[filter:notarray]”类型的错误。因此，我将其更改为“userInfo”，但收到“Error:[filter:notarray]”在控制台中键入错误。这与您在重复中使用的筛选器有关…请先检查并删除该筛选器…如果您获取数据，然后交叉检查您的筛选器I在控制台中删除了该筛选器，它将显示我的数据，但视图中仍然没有显示任何内容。您能否提供您的控制台数据，以便我们可以解决此问题，我已将其更改为“userInfo”，但在控制台中收到“Error:[filter:notarray]”类型的错误。因此，我已将其更改为“userInfo”，但收到“Error:[filter:notarray]”在控制台中键入错误。这与您在重复中使用的筛选器有关…请先检查并删除该筛选器…如果您获取数据，然后交叉检查您的筛选器I在控制台中删除了该筛选器，它将显示我的数据，但视图中仍然没有显示任何内容。您能否提供您的控制台数据，以便我们可以解决此问题，在我的家庭控制器中，我将其命名为“$scope.userInfo=response.data；”因此，不要使用这个“$scope.users=response.data；”，是吗？如果是的，我得到的是一个未定义的。你们从服务器上得到数据吗，在响应中。数据？只需在屏幕上打印{{{users}}
，看看它是否真的填满了？因为这是非常直接的机制。不，当我在我的home.html中打印出{{users}时，我什么都没有得到，在我的家庭控制器中，我将其命名为“$scope.userInfo=response.data；”因此，不要使用这个“$scope.users=response.data；”，对吗？如果是，我得到的是一个未定义的。你们从服务器得到数据吗，在响应中。数据？只需在屏幕上打印{{users}}，看看它是否真的填满了？因为这是非常直接的机制。不，当我打印出{{users}时，我没有得到任何东西在my home.html.中，您能否为此创建一个plunk，以便我们了解您试图实现的目标？我在html中没有看到任何地方定义了控制器。我们需要看到所有不同的部分，这样一次撞击会有所帮助。@lacoder检查已更新question@lacoder你明白我的意思了。你能为这件事创造一个机会吗？这样我们就可以了解你想要完成什么？我在html中没有看到任何地方定义了控制器。我们需要看到所有不同的部分，这样一次撞击会有所帮助。@lacoder检查已更新question@lacoder你明白我的意思了。
    var isConfirmed = false;
app.controller('HomeController', function($scope, user, $http) {
    if (!isConfirmed) {
        user.getUserInfo().then(function (response) {
            $scope.userInfo = response.data;
            isConfirmed = $scope.userInfo;
            console.log($scope.userInfo);
        }, function (error) {
            console.log(error)
        });
    }
}); 

    var app = angular.module("Portal", ['ngRoute']);


    app.controller('MyCtrl', function($scope) {


    $scope.inactive = true;

        $scope.confirmedAction = function() {

        isConfirmed.splice($scope.person.id, 1);

        location.href = '#/users';

    }

}); 

    <!doctype html>
<html ng-app="Portal">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.2.28/angular-route.min.js"></script>







    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>

    <!-- Latest compiled and minified CSS -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="css/main.css" rel="stylesheet" />



  </head>
  <body>
  <div class="header">
      <div class="container">
          <h3>Portal</h3>
      </div>
    </div>


    <div class="main">
      <div class="container">
          <div ng-view>
          </div>
      </div>
    </div>


    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/HomeController.js"></script>
      <script src="js/controllers/UserController.js"></script>

    <!-- Services -->
      <script src="js/services/users.js"></script>


  </body>
</html> 

 <div class="users" ng-repeat="user in userInfo | filter:userSearch" >