Как вызвать функцию в angularjs?

Question

[Сергей]

app.controller("test", function($scope, $http){
	$scope.getTag = function(){
		 $http.get('/api/v0/todos/tags').success(function(data){
			 return data.items; // данные
		 });		
	}
	
	$scope.showTasks = function (){
		var tag = $scope.getTag(); // что-то не так
		console.log(tag);		
	};
});

Когда вызываю showTasks в шаблоне {{showTasks()}} многократно делает вызов, выдает ошибку. Что я делаю не так в запросе?

Comments

[Yaroslav Lyzlov]

Раз: КАКУЮ ОШИБКУ ТО!!!
Два: Зачем Вы описали функцию getTag в scope, если вызываете её из другой функции, которая описана в scope?

[Сергей]

Yaroslav Lyzlov: Выдает следующее
Error: [$rootScope:infdig] errors.angularjs.org/1.4.7/$rootScope/infdig?p0=10...
at Error (native)
at localhost:8080/scripts/angular.min.js:6:416
at n.$digest (localhost:8080/scripts/angular.min.js:131:331)
at n.$apply (localhost:8080/scripts/angular.min.js:133:512)
at h (localhost:8080/scripts/angular.min.js:87:376)
at K (localhost:8080/scripts/angular.min.js:91:499)
at XMLHttpRequest.z.onload (localhost:8080/scripts/angular.min.js:93:37)

Answer 1

[Yaroslav Lyzlov]

10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: []
Вот Вам ошибка. Вы вызываете асинхронную функцию много раз, не успевает сработать один, вы вызываете второй и так далее, из-за этого angular пытается вызвать digest цикл каждый раз и натыкается на то, что он уже запущен.
Для этого надо асинхронные функции вызывать не так часто и много раз, почитайте про debounce (чтобы вызывать функцию, например, раз в пол секунды)

Comments

[Сергей]

Убирая вызов $http и вызывая console.log консоль вызывается 3 раза. С чем это связано?

[Yaroslav Lyzlov]

Потому вы вызываете функцию вот так {{showTasks()}} и она будет вызываться каждый раз, когда вызывается digest цикл.