Atualização de scope

Gente eu tenho essa seguinte diretiva

return {
 require: 'ngModel',
 restrict: 'A',
 template: '<div></div>',
 link: function (scope, element, attrs, ctrl) {
 scope.$watch(attrs.pagination, function () {
 var dados = scope.$eval(attrs.pagination);
 if (dados !== undefined) {
 var nav = $("<nav>");
 var ul = $("<div>", {
 "class": "btn-group"
 });

 for (var i in dados.pagination.pages) {
 var href = attrs.href;
 if (href.indexOf("?")) {
 href = href + '?';
 }
 var li = $("<a>", {
 html: dados.pagination.pages[i].page,
 href: href + '&page=' + dados.pagination.pages[i].page,
 class: dados.pagination.pages[i].actual ? "btn btn-default disabled" : "btn btn-default",
 disabled: dados.pagination.pages[i].actual,
 click: function (e) {
 e.preventDefault();
 var link = $(this).prop("href");
 scope.$apply(function () {
 $http.get(link).success(function (d) {
 scope.usuarios = d;
 });
 });

 }
 })

 ul.append(li);
 }
 nav.html(ul);
 element.html(nav);
 }
 })
 }
 };

com o seguinte html

<div data-pagination="usuarios" data-href="/rc/usuario/api/"></div>

Gostaria que fosse automatico quando eu clicasse na pagina que eu gostaria q fosse, q atualizasse o scope usuario com os dados que está vindo do $http.get

Tem como fazer isso?