Verschachteltes Routing-Verhalten für Ember.js
Kann jemand das Verhalten des Routers und der verschachtelten Routen in Ember.js erklären?
Wie lauten die resultierende URL, der Routenname, der Controller, die Route und die Vorlage?
App.Router.map(function(){
this.resource('profile');
// URL: /profile
// RouteName: profile
// Controller: ProfileController
// Route: ProfileRoute
// Template: profile
this.resource('artists', function(){
// URL: /artists
// RouteName: artists OR artists.index
// Controller: ArtistsController OR ArtistsIndexController
// Route: ArtistsRoute OR ArtistsIndexRoute
// Template: artists OR artists/index
this.resource('artists.artist', { path: ':artist_id' }, function(){
// URL: /artists/:artist_id
// RouteName: artists.index OR artist.index
// Controller: ArtistsIndexController OR ArtistIndexController
// Route: ArtistsIndexRoute OR ArtistIndexRoute
// Template: artists/index OR artist/index
this.resource('artist.tracks', function(){
// URL: /artists/:artist_id/tracks
// RouteName: artists.tracks OR artists.artist.tracks OR artist.tracks
// Controller: ArtistsTracksController OR ArtistsArtistTracksController OR ArtistTracksController
// Route: ArtistsTracksRoute OR ArtistsArtistTracksRoute OR ArtistTracksRoute
// Template: artists/tracks OR artists/artist/tracks OR artist/tracks
this.route('playing', { path: ':track_id' });
// URL: /artists/:artist_id/tracks/:track_id
// RouteName: tracks.index
// Controller: TracksIndexController
// Route: TracksIndexRouteRoute
// Template: tracks/index
});
});
});
});
Wenn Sie den gesamten Code auf meinem Github sehen möchtenhttps://github.com/Gerst20051/HnS-Wave/tree/master/src/stations
JavaScript-Datei von meinem Githubhttps://github.com/Gerst20051/HnS-Wave/blob/master/src/stations/js/app.js
Auf diesen Leitfaden beziehe ich michhttp://emberjs.com/guides/routing/defining-your-routes/
Und daraus habe ich meine App-Struktur kopierthttps://github.com/inkredabull/sonific8tr
Vielen Dank im Voraus und die Unterstützung von mir und der ganzen Emberjs Community im Emberjs Struggle Bus!