javascript - angularjs 在 ng-repeat 中调用 ng-init

Question

我在 ng-repeat 上调用 ng-int() 是这样的:

<ul class="title_page1" style="margin:0; padding:0;">
  <li  ng-init='some(val.id);'  ng-repeat="(key,val) in menu">{{val.name}}</span><span>{{size}}</span></li>
</ul>

我在菜单中有三个元素，通过这个 ng-init 被调用每个 ng-repeat 但 {{size}} 来自 some(val.id)。我为所有 3 个元素获得相同的大小。请帮助我解决这个问题。

$scope.some={function(id){

     return $http({
         url : 'url+id',
         method : 'GET',
         async : false,
     }).success(function(data) { 
        $scope.size = data.length;
    });    
};
$scope.menu=[{java,php,micro}];

这是我正在做的事情，但我为所有元素获得的大小是相同的。但我在谷歌上看到过，但我没有从谷歌得到任何结果

Answer 1

您正在检索 3 个 ID 的数据，但是您将它们保存在 Controller 所在的范围内，它只能有一个 size 变量。我要做的是将 size 变量保存到 val 对象中。

<ul class="title_page1" style="margin:0; padding:0;">
  <li  ng-init='some(val);'  ng-repeat="(key,val) in menu">{{val.name}}</span><span>{{val.size}}</span></li>
</ul>

$scope.some={function(val){

     return $http({
         url : 'url'+val.id,
         method : 'GET',
         async : false,
     }).success(function(data) { 
        val.size = data.length;
    });    
};
$scope.menu=[{java,php,micro}];