Как разрешить конфликт angularJS и zurb foundation framework?

Question

[Павел Зиновьев]

function ctrl($scope, $http, $location) {
	$scope.DOM = {
		el: $('#signUp')
	};

	$scope.response = function(){
		alert(123);
	}

	$scope.add = function(){
		$scope.DOM.el.on('valid', $scope.response());
	}
}

При проверке валидности формы средствами zurb foundation происходит вызов функции $scope.add вне зависимости от правильности ввода. Вызываю с помощью ng-submit.

<form action="" method="" data-abide="ajax" ng-controller="ctrl" ng-submit="add()">
	<div class="name-field">
		<label>
			<input type="text" name="name" placeholder="Имя" required ng-model="user.name" />
		</label>
		<small class="error">Необходимо ввести имя</small>
	</div>
	<button type="submit">Нажать</button>
</form>

Как правильно решить проблему?

Answer 1

[Сергей Протько]

jQuery в контроллере? Уже на этом месте у вас нарушаются все концепции angularjs.

Валидация должна происходить только через ngModel (директивы, использующие ngModelCtrl).

А вообще существует интеграция. Foundation с angular