angularjs
  • api
  • angularjs-ng-repeat
  • 2015-07-10 50 views 0 likes 
    0

    尝试在我的html中使用Angular显示来自Meetup API的对象数组,但我不知道为什么这不起作用?ng-repeat不适用于Angular 1.3

    我已经试过{{member.results.city}}

    {{members.results.city}}

    HTML

    <div class="col-md-12" ng-controller="MemberCtrl"> 
         <ul ng-repeat='member in members'> 
          <li>{{members.results[0].city}}</li> 
         </ul> 
        </div> 
    

    controllers.js

    var nameApp = angular.module('nameApp', ['ngRoute','nameAppControllers', 'ngResource', 'ngSanitize', 'firebase']); 
    
        var nameAppControllers = angular.module('nameAppControllers', []); 
    
        nameAppControllers.controller('MemberCtrl', function($scope, $http) { 
        $http.jsonp('https://api.meetup.com/2/members?callback=JSON_CALLBACK&offset=0&format=json&group_id=00000000&photo-host=public&page=20&order=name&sig_id=000000&sig=cce14dfef840d30c57a4f7977c6cbe877ddfs4127').success(function(data) { 
         $scope.members = data; 
         console.log(data); 
        }); 
        }); 
    
    +1

    你的json的结构是什么...我认为你的视图中的数据绑定应该是member.city而不是members.results [0] .city。显示你的json数据 –

    +0

    如果这个工作检查为接受的答案 –

    +0

    我不知道meetup API,但你可能想从该网址中删除键。 – Jorg

    回答

    3

    当你从api得到信息应该是$ scope.members = data.results; 然后添加你的看法member.city un databinding

    +0

    不客气 –

    1

    使用member.city

    <ul ng-repeat="member in members"> 
        <li>{{member.city}}</li> 
    </ul> 
    

    说明:ng-repeat被遍历每个对象在members(它应该是等效于results阵列中已连结的JSON)。每个对象将被member引用,允许您访问每个对象中的属性city

    编辑:@MaxPinto是正确的。 members作业应该是$scope.members = data.results;然后你应该在业务中...

    相关问题