Pegar Informação via AJAX e por em variável global

Olá pessoas, estou querendo pegar informações via AJAX com AngularJS, já havia testando antes com Jquery e tem o mesmo resultado, os valores que adquiro são perdidos fora da função de AJAX. Tento passar para a variável global, mas o valor passado somente funciona dentro da função AJAX dos frameworks. Deixarei o código que estou testando para isso. Estou estudando AngularJS, mas como falei anteriormente tem o mesmo resultado em Jquery:

Base:

 <div class="jquery">
 <pre></pre>
 </div>

 <div ng-controller="modelo01">
 {{teste01}}
 </div>

 <div ng-controller="modelo02">
 {{teste02}}
 </div>

 <!-- Javascript code -->
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <script>
 var myApp = angular.module("myApp", []);
 var testando = "Teste Ok!";

 (function () {
 jQuery.ajax("teste.json").done(function (data) {
 testando = data;
 jQuery(".jquery pre").text(testando);
 })
 jQuery(".jquery pre").text(testando);
 })();

 myApp.controller("modelo01", ["$scope", "$http", function ($scope, $http) {

 $http.get("teste.json").success(function (data, status, headers, config) {
 testando = data;
 });

 $scope.teste01 = testando + " 1 Sem Ajax";

 }])
 myApp.controller("modelo02", ["$scope", function ($scope) {
 $scope.teste02 = testando + " 2";
 }])
 </script>
 <!-- Javascript code -->

teste.json:

{
"contatos":
[
{
"nome": "Fulano",
"Sobrenome": "Pinheiro"
},
{
"nome": "Cicrano",
"Sobrenome": "Cumpadi"
},
{
"nome": "Beltrano",
"Sobrenome": "Silva"
}
]
}