So rufen Sie eine Funktion in AngularJs, wenn die route passt?

$routeProvider.when('/ticket', {
    controller: TicketController, 
    templateUrl: Routing.generate('ticket_list')
});

zeigt eine einfache Liste, wo jeder Eintrag ist auswählbar. Jedoch auf wählen Sie keine extra-Ansicht geladen wird. Jedes Ding ist in ticket_lost template. Die Vorlage hat einige versteckte Felder, die offenbart werden, wenn der Eintrag geklickt wird.

Kann ich definieren, welcher Eintrag ausgewählt ist intern durch Einstellung 

selectedTicket = 1;

So, wenn es eine route wie

/ticket/1

Möchte ich eine Funktion aufrufen, die stellt selectedTicket zu 1. Ist das möglich? Wie macht man das? Was muss ich ändern in der Routen?

  • Könnten Sie einige weitere Informationen über Ihre Anwendung - Sie beziehen sich auf Elemente, die noch nicht erklärt werden, die in Ihrer Frage - vielleicht eine plunkr oder fiddle könnte ebenfalls zur Verfügung gestellt werden?
InformationsquelleAutor Artjom Zabelin | 2013-05-05
  1. 20

    Werfen Sie einen Blick auf $routeParams service.
    Es ermöglicht es, die route mit Parametern, die analysiert werden service:

    //Given:
//URL: http://server.com/index.html#/ticket/1
//Route: /ticket/:ticketId
//
//Then
$routeParams ==> {ticketId:1}

    In Ihrem controller:

    angular.module('myApp')
    .config(['$routeProvider', function($routeProvider) {
        $routeProvider.when('/ticket', {controller: 'TicketController'});
        $routeProvider.when('/ticket/:ticketId', {controller: 'TicketController'});
        $routeProvider.otherwise({redirectTo: '/ticket'});
    }])
    .controller('TicketController', function ($scope, $routeParams) {
        var init = function () {
            if ($routeParams.ticketId) {
                $scope.ticketSelected($routeParams.ticketId);
            }
        };

        //fire on controller loaded
        init();
    });
    • Und wie mache ich meine route /beim arbeiten mit und ohne ticketId Parameter?
    • Es sollte funktionieren mit den 2 Routen, die den gleichen Controller verwenden, mit :ticketId param, ohne
    • Ja, hören @Narretz : Sie müssen 2 Strecken. Aktualisiert die Antwort
    • Evseev ist dies der beste Weg, um die richtige Methode aufgerufen werden soll, wenn die URL sich ändert, gibt es keinen besseren Weg? Sie sind nur der überprüfung, ob ticketId besteht in der $routeParams, was passiert, wenn ich viele von URL mit ticketIds ?
    • wenn Sie viele urls mit demselben parameter name tickerId aber das tun andere Logik, solltest du besser einen separaten Controller für Sie. Einen controller mit zu viel Logik wird schwieriger zu verwalten, zu skalieren und zu testen.
    • Evseev Ja, Sie haben Recht. Ich denke, mit dieser github.com/angular-ui/ui-router, wird es leichter sein
    • Yep, ui.router ist eine ausgezeichnete Wahl.

    InformationsquelleAutor Dmitry Evseev
Schreibe einen Kommentar