angularjs - директива не работает функция

Question

Я пытаюсь использовать угловую директиву, он отлично работает, если я ставлю его нормально JS файл, но если я пытаюсь поставить его в функцию он не работает:

function getCity(city){ 
    document.getElementById("weather").innerHTML=city; 
    $.get('https://query.yahooapis.com/v1/public/yql?q=select * from weather.forecast where woeid in (select woeid from geo.places(1) where text="' + city + '")&format=json', function (data) { 
     humi = data.query.results.channel.atmosphere.humidity; 
    }); 
    var app = angular.module("weatApp", []); 
    app.directive("humiGet", function() { 
    return { 
     template : [humi] 
    }; 
    }); 
} 

Answer 1

Хуми не может быть установлено время вы вызовите директиву:

function getCity(city){ 
    document.getElementById("weather").innerHTML=city; 
    $.get('https://query.yahooapis.com/v1/public/yql?q=select * from weather.forecast where woeid in (select woeid from geo.places(1) where text="' + city + '")&format=json', function (data) { 
     humi = data.query.results.channel.atmosphere.humidity; 

     var app = angular.module("weatApp", []); 
     app.directive("humiGet", function() { 
      return { template : [humi] }; 
     }); 
    }); 
} 

лучше всего было бы использовать Promises:

function getCity(city){ 
    document.getElementById("weather").innerHTML=city; 
    var deferred = $.Deferred(); 
    $.get('https://query.yahooapis.com/v1/public/yql?q=select * from weather.forecast where woeid in (select woeid from geo.places(1) where text="' + city + '")&format=json', function (data) { 
     humi = data.query.results.channel.atmosphere.humidity; 
     var app = angular.module("weatApp", []); 
     app.directive("humiGet", function() { 
      return { template : [humi] }; 
     }); 
     deferred.resolve(true); 
    }); 

    return deferred.promise(); 
} 

// else where 
getCity('Fargo').then(function() { 
    // use directive here 
});