ng-репитер печатный результат 0; когда я запускаю функцию

Question

У меня есть эта проблема, выводя результат $scope.getID в html, потому что результат будет показывать 0 каждый раз при запуске функции и делать вычисления просто хочу спросить, как напечатать правильный результат с помощью углового ng-повторителя https://jsfiddle.net/1m77eshv/

Javascript

debugger; 
angular.module("app", []) 
    .controller('ctrl', ['$scope', 

function ($scope) { 
    $scope.model = { 
     categories: [{ 
      "Id": 1, 
      name: '1' 
     }, { 
      "Id": 2, 
      name: '2' 
     },{ 
      "Id": 3, 
      name: '3' 
     },{ 
      "Id": 4, 
      name: '4' 
     }] 

    } 
    $scope.result = 0; 
    $scope.getID = function(id){ 
     id=+2; 
     $scope.result =id; 
     console.log(parentId) 
     return result; 
    } 
}]) 

HTML

<div ng-app="app" ng-controller="ctrl"> 
     <div ng-repeat="category in model.categories"> <span> Category: {{ category.name }} </span> 
      <div ng-init="getID(category.Id)"> 
    {{result}} 
     </div> 
    </div> 

Answer 1

Вы проблема в том, что вы имеют только одну переменную «result», поэтому она будет всегда одинаковой внутри повтора. Если все, что вам нужно, это увидеть цикл работы, вот ваш код: https://jsfiddle.net/1m77eshv/3/

<div ng-app="app" ng-controller="ctrl"> 
    <div ng-repeat="category in model.categories"> <span> Category: {{ category.name }} </span> 
    <div> 
     {{getID(category.Id)}} 
    </div> 
</div> 
function ($scope) { 
    $scope.model = { 
     categories: [{ 
      "Id": 1, 
      name: '1' 
     }, { 
      "Id": 2, 
      name: '2' 
     },{ 
      "Id": 3, 
      name: '3' 
     },{ 
      "Id": 4, 
      name: '4' 
     }] 

    } 

    $scope.getID = function(id){ 
     return id+=2; 

    } 
}])