Question

希望一切顺利！

我开始使用AngularJS并且在使用$ http时出现问题。在过去四个小时左右的时间里，我一直在努力寻找没有运气的事情。

这是这里的代码：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Whois Test</title>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/app.css">
<script src="bower_components/angular/angular.js"></script>
</head>
<body>
<div class="container" ng-app="App">
 <ul>
     <li ng-repeat="answer in answers"></li>
     {{answer}}
 </ul>


 <script>

 angular.module('App', [])
         .controller('Controller', function($scope, $http){

             $http.get('http://api.statdns.com/statdns.net/mx').success(function(data){
                    $scope.answer = data;
             });
         });
  </script>
  </div>
  </body>

我需要做的是检查给出的网址，然后从“回答”中提取信息：部分并显示该数据。最终，我希望能够让用户输入网址来解析自己，例如。

$ http.get（ 'http://api.statdns.com/ {{查询}} / MX'）

让我走上正确轨道的任何帮助都将非常感激和乐于助人。

Answer 1

你犯了一个错误。 $scope.answer = data;应为$scope.answers = data;

更新

<ul ng-controller="Controller">
     <li ng-repeat="answer in answers"> {{answer}}</li>

</ul>

Answer 2

ng-repeat用于迭代JavaScript数组。但是http://api.statdns.com/statdns.net/mx的数据似乎不是一个数组：

{
    "question": [ {...} ],
    "answer": [ {...} ],
    "authority": [ {...} ],
    "additional": [ {...} ],
}

你的意思是迭代答案吗？像这样：

<ul>
    <li ng-repeat="answer in answers.answer">
        {{answer}}
    </li>
</ul>

无法获取数据

2 个答案: