如何在AngularJs中将json数组转换为js数组

How do I turn a json array into a js array in AngularJs?

本文关键字：数组 转换 js json 中将 AngularJs      更新时间：2024-05-21

我刚开始从事Angular和前端开发，似乎无法解决以下问题。

我已经将一个变量重新分配给另一个：$scope.testarray=$scope.todos；但是当使用Angular绑定时，将只显示"todos"。

var App = angular.module('App', []);
App.controller('TodoCtrl', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
      $scope.todos = res.data;                
        });
  $scope.testarray = $scope.todos;
});

和html:

<!doctype html>
<html ng-app="App" >
<head>
  <meta charset="utf-8">
  <title>Todos $http</title>
  <link rel="stylesheet" href="style.css">
  <script>document.write("<base href='"" + document.location + "'" />");    </script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="TodoCtrl">
  <ul>
    <li ng-repeat="todo in todos">
      {{todo.text}} - <em>{{todo.done}}</em>
    </li>
  </ul>
  this doesn't display: {{testarray}}
  </br></br>
  but this does dislay: {{todos}}
</body>
</html>

在您的代码中

App.controller('TodoCtrl', function($scope, $http) {  $http.get('todos.json')
   .then(function(res){
  $scope.todos = res.data;                
    }); //.then block ends here
    $scope.testarray = $scope.todos;
});

CCD_ 1被写入该块之外。$http.get是一个异步调用，因此，即使在定义$scope.todos之前，这一行也会被执行。

将此移动到.then块内将解决您的问题。假设这里声明了$scope.testarray。

App.controller('TodoCtrl', function($scope, $http) { $http.get('todos.json').then(function(res){ $scope.todos = res.data; $scope.testarray = $scope.todos; //Moved inside }); });

如果您需要更多帮助，请发表意见。

我只需要使用$scope.$watch，

var App = angular.module('App', []);
App.controller('TodoCtrl', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
      $scope.todos = res.data;                
        });
  $scope.testarray = $scope.todos;
  $scope.$watch('todos', function(newValue, oldValue) {
      $scope.testarray = newValue;
  });
});
相关文章：