1

Estou experimentando o W3.CSS em uma aplicação AngularJS que até então usava Bootstrap CSS.

Porém o modal do W3.CSS usa âncora para abrir, já o AngularJS interpreta as âncoras como rotas e redireciona para a rota.

Como tenho um otherwise, ele redireciona para o / e não abre o modal. Se eu cadastrar uma rota para o modal, o AngularJS abre como uma página e não como modal.

Gostaria de orientação sobre como proceder neste caso.

1
  • Só uma coisa não entendi, pensei que o w3.css foi só CSS puro, os links quem define é você não é? Coloca um exemplo desse Modal.
    – Syzoth
    Commented 17/02/2016 às 18:44

1 Resposta 1

0

Utilize o serviço $AnchorScroll. Exemplo de implementação:

app.run(function($rootScope, $location, $anchorScroll) {
  $rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
    if($location.hash()) $anchorScroll();  
  });
});

Você pode então criar links contendo a rota e a âncora desejada, assim:

<a href="#/rota#ancora">Rota/Âncora</a>

Fonte.

2
  • Vou testar quando chegar em casa ou se der por aqui mesmo, ainda assim onde devo colocar? Pode ser abaixo do app.config(); ?
    – Shura16
    Commented 3/09/2015 às 17:02
  • Consegui testar aqui rapidamente, mas ainda assim não funcionou...
    – Shura16
    Commented 3/09/2015 às 17:28

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .