Errore non rilevato: errore di sintassi, espressione non riconosciuta: #/angularjs e jquery

Question

L'errore seguente viene visualizzato nella mia console ogni volta che viene caricata la pagina.

"errore non rilevato: Errore di sintassi, l'espressione non riconosciuta: #/about"

Il mio codice è il seguente:

   <li class="active"> 
        <a href="/">Home</a> 
       </li> 
       <li class=""> 
        <a href="#/about" title="About Us">About</a> 
       </li> 
       <li class=""> 
        <a href="#/pricing">Pricing</a> 
       </li> 

Esso mostra per tutti istanza iniziale di. Inizialmente, mostra per #/about in quanto è il primo, se rimuovo su di noi la scheda verrà visualizzata per il link della pagina dei prezzi.

sua non bootstrap problema scheda, questo sono semplici navigazione solo

codice di instradamento in app.js:

$routeProvider.when('/', { 
     templateUrl: 'partials/home.html' 
    }).when('/account', { 
     templateUrl: 'partials/account.html', 
    }).when('/terms', { 
     templateUrl: 'partials/terms.html' 
    }).when('/about', { 
     templateUrl: 'partials/about.html' 
    }).otherwise({ 
     redirectTo: '/' 
    }); 

ho il debug suo numero del bootstrap, bootstrap nav causando questo problema: "nav barra di navigazione -nav " correzioni per questo è data-target =" # "ma vuole funzionare correttamente intorno a questo

Answer 1

Questo è molto probabilmente un problema di Bootstrap. Provate ad usare l'attributo data-target sul tuo link come questo

<a href="#/about" data-target="#about" title="About Us">About</a> 

Answer 2

Ok devi rimuovere la barra, '/' con cui tuo html diventa,

<a href="#about" title="About Us">About</a> 

Se si desidera mantenere la barra, '/' devi uso data-target attributo come,

<a href="#/about" title="About Us" data-target="#about">About</a> 

più su di esso here

Answer 3

Questa potrebbe essere una situazione molto rara, ma ho lo stesso errore a causa di alcuni codici legacy che utilizzano Colorbox e location.hash.

jQuery(function() {jQuery('.content-row .csc-default a').tooltip({placement:'top'}); 
jQuery('a.gallery').colorbox({ 
    maxWidth:'95%', 
    maxHeight:'95%', 
    slideshow:true, 
    current:' {current}/{total}', 
    opacity:'0.80', 
    transition:'none', 
    speed:'550', 
    slideshowSpeed:'5500', 
    overlayClose:true, 
    fixed:false, 
    escKey:true, 
    arrowKey:true, 
    loop:true, 
    title: function() { return $(this).data('original-title')}, 
    close:'<span class="glyphicon glyphicon-remove"></span>', 
    previous:'<span class="glyphicon glyphicon-chevron-left"></span>', 
    next:'<span class="glyphicon glyphicon-chevron-right"></span>', 
    slideshowStart:'<span class="glyphicon glyphicon-play"></span>', 
    slideshowStop:'<span class="glyphicon glyphicon-pause"></span>', 
    rel: function() { return $(this).data('rel')} 
}); 
if (location.hash) $(location.hash).collapse('show'); //when this line is commented, Angular Route works properly 
}); 

cosa strana è che l'errore stava accadendo solo per il caricamento pagina con i link per visualizzare come localhost/index.html#/main o semplicemente ricaricare la pagina con qualsiasi vista selezionata.

Answer 4

Questo problema si verifica anche su progetti angolari 2. Ho appena aggiunto data-target = "#" al link di ancoraggio. Ha risolto il mio problema.

<a data-target="#" [routerLink]="['/link']">my link</a>.