EmberJS - Collegamenti

Il componente {{link-to}} può essere utilizzato per creare un collegamento a un percorso.

Sintassi

{{#link-to route}}
   //code here
{{/link-to}}

La tabella seguente elenca le proprietà dei collegamenti:

S.No.	Collegamenti e descrizione
1	Più segmenti Per più segmenti, puoi fornire un modello o un identificatore per ogni segmento se il percorso è nidificato.
2	Utilizzo di Link-to come helper inline Usa il link-to come componente inline fornendo il testo del link come primo argomento all'helper.
3	Aggiunta di attributi aggiuntivi a un collegamento È possibile aggiungere attributi aggiuntivi su un collegamento durante la creazione.
4	Sostituzione delle voci della cronologia È possibile aggiungere voci alla cronologia del browser mentre ci si sposta tra i percorsi utilizzando il collegamento all'helper.

Esempio

L'esempio seguente mostra come collegarsi a percorsi diversi. Crea una nuova rotta e chiamala come nota e apri il file router.js per definire le mappature URL -

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend ({
   location: config.locationType,
   rootURL: config.rootURL
});

Router.map(function() {
   this.route('note');
});

export default Router;

Apri il file application.hbs creato in app / templates / con il seguente codice:

{{#link-to 'note'}}Click Here{{/link-to}}
{{outlet}}

Quando fai clic sul collegamento sopra, la pagina dovrebbe aprire il file note.hbs con il testo seguente:

<h4>Welcome to TutorialsPoint</h4>
{{outlet}}

Produzione

Esegui il server ember e riceverai il seguente output:

Quando fai clic sul collegamento, verrà visualizzato il testo dal file modello come nella schermata seguente: