AngularJS - Значок загрузки во время ожидания данных / расчета данных
У меня есть простой Angular http.get:
app.factory('countriesService', function($http) {
return {
getCountryData: function(done) {
$http.get('/resources/json/countries.json')
.success(function(data) { done(data);})
.error(function(error) {
alert('An error occured');
});
}
}
});
Пример .JSON:
{
"NoCities": 66,
"Balance": 2103,
"Population": 63705000,
"CityInfo": [
{
"CityName": "London",
"CityPopulation": "7825200",
"Facts": {
"SubFact1": "xzy",
"SubFact2": "xzy",
"SubFact3": "xzy",
"SubFact4": "xzy",
"SubFact5": "xzy"
},
},
{
"CityName": "Manchester",
"CityPopulation": "2584241",
"Facts": {
"SubFact1": "abc",
"SubFact2": "abc",
"SubFact3": "abc",
"SubFact4": "abc"
},
}
],
"SubmitInfo": null,
"FormAction": null,
"FormController": null,
}
Я заметил, что когда моя страница выполняет .length, иногда это может занять некоторое время для загрузки данных, например:
<div>
<a>Countries</a> : {{Countries.length}}
</div>
Имеет ли Angular какую-либо форму значка ожидания / загрузки, которую я мог бы показать, пока заполняются данные в DIV?
В идеале что-то легкое и не требующее загрузки библиотеки (мое приложение тоже использует jQuery)
Спасибо