Come consentire 'Apri in una nuova scheda' quando si usa ng-clic?

Question

Ho una tabella su HTML e ogni riga porta a una pagina diversa, con maggiori dettagli su quella riga. Ma come sto usando angularjs, con ng-click non posso fare clic destro su questa riga e selezionare 'open in a new tab'. C'è un modo per risolverlo?

Grazie in anticipo!

Answer 1

Se possibile, è necessario convertire l'elemento in elemento di ancoraggio.

<a ng-href="{{ your dynamic url }}" ng-click="your function">Your link text</a> 

Il browser interpreterà l'elemento come collegamento, e vi Perciò vi darà la discesa corretta. Nota che devi anche avere il valore href corretto da aprire in una nuova scheda.

EDIT: Suggerirei this question se si desidera una risposta più dettagliata su come risolvere questo tipo di comportamento utilizzando jQuery.

Answer 2

Dentro la funzione ng-click è possibile chiamare window.open(url, '_blank') tuttavia come un parola di avvertimento, questo dipenderà il browser e le impostazioni correnti.

In alcuni casi questo si aprirà in una finestra a comparsa e in altri casi verrà aperto in una nuova scheda. Non c'è modo di forzare alcun comportamento dal momento che il javascript è indipendente dal browser, ha semplicemente richiesto una nuova finestra e spetta al browser decidere come implementarlo. see here for a discussion on forcing a tab or window

Tuttavia, l'unico modo per ottenere che l'opzione tasto destro del mouse o il ctrl + clicca per aprire in una nuova scheda è se il browser vede un tag <a>. Altrimenti non lo tratta come un collegamento.

Answer 3

Se si desidera generare il vostro href dinamicamente in base a una certa condizione, allora si può impostare il vostro evento href su ng-mousedown e dopo che è possibile eseguire qualsiasi evento come open link in new tab, open link in new window e click.

HTML:

<a href="javascript:void(0)" ng-mousedown="openDetailView($event, userRole)">{{label}}</a> 

JS:

$scope.openDetailView = function (event, userRole) { 
     if(userRole == 'admin') { 
      jQuery(event.target).attr('href', 'admin/view'); 

     } else { 
      jQuery(event.target).attr('href', 'user/view'); 

     } 
    }; 

Answer 4

devi usare elemento di ancoraggio all'interno della riga della tabella.

HTML

<tr> 
    <a ng-href="dynamic url" ng-click="openItem($event)">Open the item</a> 
</tr> 

controller

$scope.openItem = function (event) { 
    event.preventDefault(); 
    // code to open a item 
}