javascript - 随机用户生成器 API - 通过 ID Angular JS 获取用户

标签 javascript angularjs

我是 Angular 新手,但设法进行 Ajax 调用并在 ListView 中从随机用户生成器 API 打印出用户。 现在我想在单击用户时进行详细 View 。 在我的 HTML 中,我进行了一个函数调用: fetchInfoById(user.id.value) 在我的脚本中,函数:

$scope.fetchInfoById = function(info_id) {     
   $http.get("https://randomuser.me/api/?id.value="+info_id)
   //also tried:   $http.get("https://randomuser.me/api/?id/value="+info_id)
          .success(function(data) {
            $scope.oneUserResult = data.results; 
    }); 
}

它确实为我提供了详细 View 的用户,但不是所选的 View 。我究竟做错了什么?

最佳答案

感谢您的好建议。 我知道它是一个随机生成器,但将请求的参数设置为:“seed=...”,每个 ListView 请求上都会显示相同的人:

$http.get('https://randomuser.me/api/?results=15&seed=abc&inc=gender,name,location,email,dob,phone,cell,id,picture,info,nat&nat=gb')
    .success(function(response){
        $scope.userResult = response.results; 
});

然后,我获取每个人的 ID,并将其作为参数传递给详细 View 请求的函数调用。

我尝试使用console.log()来确保我为详细 View 请求传递了正确的值,然后甚至对 请求的参数即:

$scope.getInfoById = function(info_id) {    
    console.log("from HTML: "+info_id.value );   //  =  JK 00 46 67 
    $http.get("https://randomuser.me/api/?id="+'JK 00 46 67 H')    ...             

API 背后的 jason 数据的 id 属性格式如下:

{
  "results": [
    {
     "id": {
        "name": "BSN",
        "value": "04242023"
     },...

我还没弄清楚如何通过 id 获取单个用户。始终获得不同的用户,即使使用硬编码的 ID... 我的解决方案不是发出第二个请求,而是将“单击的用户”作为详细 View 的参数传递。

关于javascript - 随机用户生成器 API - 通过 ID Angular JS 获取用户,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42907146/

相关文章:

javascript - 基于特定选择选项显示默认过滤器 - AngularJS

javascript - 如何可靠地将 HTML 转换为 PDF

javascript - 这个 jquery 代码的 angular.js 等价物是什么? (提交隐藏表格)

javascript - 确保父项仅在加载所有子项时显示

javascript - sequelize findOrCreate 不返回数组

javascript - 刚接触 Mongo/Node/Meteor,想知道为什么 Meteor 没有获取任何数据?

javascript - Bootstrap 固定顶部 header 的 anchor 问题

angularjs - AngularAMD、动态 UI 路由器、RequireJS - "Error: ' MyDashboardCtrl' 不是函数,未定义”

javascript - 如何从 AngularJS Bootstrap 模式中的 AJAX 调用加载 JSON 数据

javascript - 如果大于 5MB,Flow.js(在 Angular.js 中)上传到 node.js 将失败