AngularJS - Dostęp do zmiennej globalnej - dane JSON Opcje

[LowiczakPL]

Jako naukę angulara wybrałem sobie za zadanie napisanie prościutkiej gry
na WWW: http://gra.w16.pl/angular/
na GITHUBie: https://github.com/RobertRorog/appGame

Mam problem ze zmienną globalną, wczytuję tablicę z wartościami z pliku JSONa i nie mogę się do nich dostać w żaden sposób w aplikacji.


<script>
var app = angular.module('myApp', []), global={};
app.controller('customersCtrl', function($scope, $http) {


$http.get("customers.php").then(function (response) {
$scope.myData = response.data.records;
global.obj = response.data.records;
console.log(global); // tu jest OK JSON ladnie sie wczytal
});

console.log(global); // ale potrzebuje tu sie dostac do wartosci i nie sa widoczne

});
</script>

Ten post edytował LowiczakPL 22.03.2016, 14:35:08

[LowiczakPL]

Dzięki za dogłębne wytłumaczenie problemu i naprowadzanie mnie mimo mojej upartości. Wstawiam moje rozwiązanie, może komuś się przyda.



To jest ładowarka JSONÓW i inicjalizacja strony

[HTML] pobierz, plaintext 
$scope.loadFeed = function() {
 
            factoryMinesData.getData().then(function(data){  
                $scope.listOfMines   = data[1];
 
                return data;
            }).then(function(data){  
               $scope.listDataMines   = data[0];
 
                return data;
            }).then(function(data){
                console.log($scope.listOfMines);   // jest OK
                console.log($scope.listDataMines); // jest OK
 
                $('#mydiv').hide();  
            });  
	}
 
	$scope.loadFeed();
[HTML] pobierz, plaintext 

to jest SPINNER na stronie

[HTML] pobierz, plaintext 
<div id="mydiv">
    <img src="assets/img/ajax-loader.gif" class="ajax-loader"/>
</div>
 
<style>
#mydiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:grey;
    opacity: .8;
 }
 
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
}
</style>
[HTML] pobierz, plaintext