AngularJS: diretrizes e escopo
Eu tenho uma pergunta simples que acho que tem uma solução bastante simples, mas de alguma forma estou sentindo falta dela.
Estou configurando uma diretiva simples para o meu aplicativo. Estou deixando a propriedade do escopo definida como padrão, "false", porque quero que ela compartilhe o escopo do meu controlador.
O problema é que não consigo acessar esse escopo.
Na minha função de vinculação, eu posso fazer:
console.dir(scope)
e posso ver a propriedade que procuro ('páginas') no objeto de escopo.
Se eu tentar fazer:
console.dir(scope.pages)
no entanto, ele volta como indefinido.
o que estou perdendo?
Desde já, obrigado.
MyDirectives.directive("mdPagination", function(){
return {
templateURL: "/templates/pagination.html",
replace: true,
restrict: 'A',
scope: false, //default
link: function(scope, element, attrs){
console.log('in linking function');
console.dir(scope);
console.dir(element);
console.dir(attrs);
console.dir(scope.pages);
}
}
});
O modelo:
<nav class="pagination" md-Pagination></nav>
O controlador:
App.controller('MachinesListCtrl', function ($scope, $routeParams, $location, MachineServices, CustomerServices) {
var page = ($routeParams.page ? $routeParams.page : 1);
//if we are getting all machines based on their customer id.
if($routeParams.customerID){
MachineServices.getByCustomerId($routeParams.customerID).then(function (data) {
_.each(data.results, function (machine, index, list) {
CustomerServices.get(machine.customer_id).then(function(data){
machine.CustomerData = data.results;
});
});
$scope.Machines = data.results;
$scope.pages = data.pages;
});
}
//otherwise we just want the regular list of machines.
else{
MachineServices.query(page).then(function (data) {
_.each(data.results, function (machine, index, list) {
CustomerServices.get(machine.customer_id).then(function(data){
machine.CustomerData = data.results;
});
});
$scope.Machines = data.results;
$scope.pages = data.pages;
});
}
});