Creare variabili di ambito dinamiche in AngularJs all'interno del ciclo

Question

Sono nuovo in Angular.js e sto cercando di creare variabili di ambito dinamiche in AngularJs all'interno di un ciclo for. Questa è una cosa, come di seguito:

$scope.lists=[{listName:'list1'},{listName:'list2'}]; 

for(var i=0;i<$scope.lists.length;i++){ 
    var listName = $scope.lists[i].listName; 
    listName = $parse(listName); 
    listName.assign($scope,[]); 
    $scope.$apply(); 
} 

Il codice precedente genera un errore dicendo: $digest già in corso.

Il codice funziona bene se usato senza loop solo per uno come fatto in: Setting dynamic scope variables in AngularJs - scope.<some_string>

che in ultima analisi, sono alla ricerca di $scope.list1=[] e $scope.list2=[] come 2 array separati.

Qualsiasi contatto sarebbe fantastico. Grazie.

Answer 1

The above code throws an error saying: $digest already in progress.

Sei già il controller e in ambito angolare. Quindi non è necessario attivare il ciclo digest utilizzando $scope.$apply(). Anche se devi controllare lo $$phase e poi applicare.

if (!$scope.$$phase) $scope.$apply() 

Ma per lo scenario, non è richiesto a tutti

$scope.lists = [{listName: 'list1'}, {listName: 'list2'}]; 

angular.forEach($scope.lists, function(item) { 
    var listName = item.listName; 
    $scope[listName] = []; 
}); 

Answer 2

Non è necessario $parse e assign qui, basta usare bracket notation per accedere proprietà di un oggetto (perché $scope non è altro che solo un oggetto) con nome di variabile:

$scope.lists = [{listName: 'list1'}, {listName: 'list2'}]; 

for (var i = 0; i < $scope.lists.length; i++) { 
    var listName = $scope.lists[i].listName; 
    $scope[listName] = []; 
}