Zugriff auf aktuelle route name aus einem controller oder Komponente

Ich muss, um eine "active" - Klasse, um eine bootstrap-Registerkarte, abhängig von der aktuellen route name. Die route-Objekt enthält "routeName" aber, wie ich Zugriff auf diese aus einem controller oder Komponente?

Können diese diesem.controllerFor('Anwendung').get('currentRouteName')
yep, das ist ziemlich genau das, was ich will
ember wird dies für Sie tun. verwenden Sie einfach den link-auf Ihre tabs

InformationsquelleAutor jax | 2015-05-12

ember.js

3

Für Glut 2, die von einem controller, den Sie ausprobieren können :
```
appController: Ember.inject.controller('application'),
currentRouteName: Ember.computed.reads('appController.currentRouteName')
```
Dann können Sie übergeben es an die Komponente.

InformationsquelleAutor Diogo Alves
10

Verwenden Sie diese this.controllerFor('application').get('currentRouteName');

Unterscheidet sich diese Arbeit von einer Komponente?
Sollte es in Ember 1. Im nicht sicher, über ember 2. Ich havent arbeitete in ember für einige Zeit. Aber ich denke es nicht, da Controller immer ersetzt zu Gunsten von routingfähige Komponenten in ember 2. Ich bin nicht einmal sicher, ob Sie sich bereits in diese Richtung. Aber es wäre toll, wenn u könnte update hier, wenn u eine alternative gefunden.
Nein, ich meinte, controllerFor ist eine öffentliche Methode von Ember.Route im Ember 2 es ist auch eine private statische Methode Ember, aber ich glaube nicht, es ist eine Methode der Ember.Component, auch private. In anderen Worten, dies würde die Arbeit von einem Weg, der aber nicht von einer Komponente, weil controllerFor nicht zugänglich.
Vielen Dank für die Aufklärung. Macht Sinn, denn die Komponenten sollten idealerweise nur Zugriff auf die Sachen übergeben von der Steuerung oder über dependency injection.
Dies funktioniert nicht in Ember 2. Zumindest nicht von einer controller, this.controllerFor ist nicht mehr definiert. Ich denke, Sie können es tun, aber Sie müssen verwenden Sie die registry oder container oder so ähnlich.

InformationsquelleAutor blessenm
5

In der Tat, Sie brauchen nicht zu gelten aktive Klasse von selbst. Ein link-to Helfer wird es für Sie tun.

Sehen hier:

{{link-to}} wird das anwenden einer CSS-Klasse name 'aktiv', wenn die Anwendung die aktuelle route entspricht, die geliefert routeName. Zum Beispiel, wenn die Anwendung die aktuelle route wird 'Foto-Galerie.Aktuelles " die folgende Verwendung des {{link-to}}:
```
{{#link-to 'photoGallery.recent'}}
  Great Hamster Photos
{{/link-to}}
```
Folge
```
<a href="/hamster-photos/this-week" class="active">
  Great Hamster Photos
</a>
```
InformationsquelleAutor Jeffrey C
3

In absolut hoffnungsloser Fall, kann man den router oder das application-controller (was macht ein 'currentRouteName' - Eigenschaft) über this.container.lookup("router:main") oder this.container.lookup("controller:application") von innerhalb der Komponente.

Wenn es einen gemeinsamen trend für mich, ich würde einen CurrentRouteService und injizieren es in meiner Komponente(N), so dass ich mock Dinge leichter in meinen tests.

Kann es auch sein, eine bessere Antwort zu kommen - aber der container.lookup() sollte knock down Ihre aktuelle blocker.

Es ist die Rückgabe undefiniert für mich: this.container.lookup("router:main").get('currentRouteName')

InformationsquelleAutor Nick Williams
1

Da Ember 2.15, können Sie dies durch die öffentliche Router-Dienst.
```
router: service(),
myRouteName: computed('router.currentRouteName', function () {
    return this.get('router.currentRouteName') + 'some modification';
}
```
https://www.emberjs.com/api/ember/release/classes/RouterService

Die funktionierte wirklich gut für mich, denn ich wollte etwas berechnet aus der aktuellen route. Der Dienst stellt currentRouteName, currentURL, Lage, und rootURL.

currentURL hat die query params, aber würden Sie brauchen, um zu analysieren, Sie aus der URL.

InformationsquelleAutor user3381840
0

Erkenntnisse von @maharaja-santhir die Antwort, man denke an die Einstellung der routeName Eigenschaft auf dem Ziel-controller zu verwenden, z.B., in das Ziel-template. Auf diese Weise gibt es keine Notwendigkeit für die Definition der Logik auf mehrere Standorte und damit die code-Wiederverwendbarkeit. Hier ist ein Beispiel, wie das zu erreichen:
```
//app/routes/application.js
export default Ember.Route.extend({
    ...

    actions: {
        willTransition(transition) {
            let targetController = this.controllerFor(transition.targetName);
            set(targetController, 'currentRouteName', transition.targetName);
            return true;
        }
    }
});
```
Definition dieses willTransition Aktion in der Anwendung route ermöglicht für die Auslieferung der aktuellen route name überall in der Anwendung. Beachten Sie, dass die target-controller behält die currentRouteName - Eigenschaft die Einstellung auch nach dem navigieren Weg zu einer anderen route. Dies erfordert eine manuelle Bereinigung, wenn nötig, aber es könnte akzeptabel sein, je nach Implementierung und Verwendung.

würden Sie nicht wollen, um dieses in didTransition() statt?
möglicherweise, wenn auch nicht 100% sicher, aber je nachdem, was für Sie akzeptabel. Ich habe es getan, auf diese Weise zu ermöglichen, die für die überprüfung der Ziel-route vor dem übergang, da ich nicht möchte, um das Feuer ein übergang zurück, wenn das Ziel Weg war nicht erlaubt, meine app ' s flow/Logik.

InformationsquelleAutor ashraf

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.