Поместить локальную переменную в угловое. ForEach цикл в глобальном

Question

Здравствуйте, я создал переменную внутри цикла angle.forEach, который мне нужен за пределами цикла для привязки к области $ scope, но я не знаю, как выйти за пределы этого переменная miAlumno.

Спасибо.

'use strict'; 

angular.module('jarciaApp') 
    .controller('alumnoCtrl', function($routeParams, $firebaseArray) { 

     var ref = firebase.database().ref('PrimeroA'); 

     var JarciaArray = $firebaseArray(ref); 

     var id = $routeParams.id; 

     var curso = $routeParams.curso; 

     var miAlumno; 


     JarciaArray.$loaded() 
      .then(function(miAlumno) { 
       angular.forEach(JarciaArray, function(alumno, miAlumno) { 
        if (alumno.Id == id) { 
         var miAlumno = alumno; 
        } 
       }) 
      }); 

     console.log(miAlumno); 
    }); 

Answer 1

Не объявляйте переменную miAlumno в цикле. Объявите его снаружи, и он будет виден. Обратите внимание на ту консоль.log (miAlumno), она, вероятно, всегда будет нулевой из-за асинхронной привязки.

Answer 2

Если я правильно понял, вы хотите использовать переменную alumno, которую вы передали в функцию, выходящую за пределы этой функции?

Это можно сделать, создав/объявив глобальную переменную вне функции так же, как вы это сделали с miAlumno, а затем просто присвойте своей глобальной переменной значение, которое производит ваша функция. Также у вас есть miAlumno, объявленный дважды, один раз снаружи как глобальный, а затем внутри цикла for.

Извините, если я не понимаю, и если да, пожалуйста, уточните.

Answer 3

Похоже, вы используете синтаксис ControllerAs, что означает, что традиционные переменные области видимости автоматически связываются как свойства контроллера. Вы можете просто установить переменную внутри цикла, используя кэшированные значения this:

'use strict'; 

angular.module('jarciaApp') 
    .controller('alumnoCtrl', function($routeParams, $firebaseArray) { 

     var ref = firebase.database().ref('PrimeroA'); 

     var JarciaArray = $firebaseArray(ref); 

     var id = $routeParams.id; 

     var curso = $routeParams.curso; 

     var me = this; 

     JarciaArray.$loaded() 
      .then(function() { 
       angular.forEach(JarciaArray, function(alumno) { 
        if (alumno.Id == id) { 
         me.miAlumno = alumno; 
        } 
       }); 
       // This will work to show the value 
       console.log(me.miAlumno); 
      }); 

     // This still won't work, since $loaded is asynchronous 
     console.log(this.miAlumno); 
    }); 

Я также удаляла лишние попытки пройти miAlumno к then функции и функции обратного вызова для forEach; они не нужны.

Обратите внимание на комментарии относительно console.log. Я считаю, что $loaded() асинхронен; поэтому он не будет установлен до тех пор, пока не завершится какой-либо процесс. Если вы переместите log внутрь then(), вы увидите результат.