AngularJs Routing mit Parametern

Kann mir jemand erklären, wie ich kann die route zu einer Url mit Parametern?

E. g. id gerne auf ein Produkt klickst und öffnen Sie weitere Informationen von der Produkt-Id.

Mein Routing so weit ...

        angular.module('shop', ["customFilters", "cart", "ngRoute"])
        .config(function ($routeProvider){

            $routeProvider.when("/complete", {
                templateUrl: "../app/views/orderComplete.html"
            });

            $routeProvider.when("/placeorder", {
                templateUrl: "../app/views/placeOrder.html"
            });

            $routeProvider.when("/checkout", {
                templateUrl: "../app/views/checkoutSummary.html"
            });

            $routeProvider.when("/products", {
                templateUrl: "../app/views/productList.html"
            });

            $routeProvider.when("/product:", {
                templateUrl: "../app/views/product.html"
            });

            $routeProvider.otherwise({
                templateUrl: "../app/views/productList.html"
            });

        });

So, Indem Sie ...

<a class="btn btn-default" href="#/product/{{item.id}}">More Info</a>

Id like to be routed to product/{{id}}.html ...

Kann jemand raten, was ich bin fehlt ...

       $routeProvider.when("/product:id", {
            templateUrl: "../app/views/product.html"
        });
github.com/angular-ui/ui-router

InformationsquelleAutor ClarkySmiverz77 | 2016-10-01

  1. 20

    2 Dinge, aber Sie sind im Grunde da.

    Ersten, die Ihnen fehlt ein slash vor der URL-param. Passiert den besten von uns.

    routeProvider.when("/product/:id", {
    templateUrl: "../app/views/product.html"
});

    Zweitens sollten Sie verwenden, ng-href-statt href, wenn Sie über dynamische URL-params.

    <a ng-href="#/product/{{item.id}}">More Info</a>
    Danke dude, ein zusätzliches paar Augen ist immer der Schlüssel nach Stunden auf den Code. Schätzen Sie die Hilfe @enzey!
    ich habe eine Frage, was ist, wenn Sie /Produkt/neue ..., wie tun Sie es?

    InformationsquelleAutor Enzey

  2. 7

    Ich denkt, dieses Problem zu duplizieren, siehe die Antwort Gewusst wie: übergeben von Parametern mithilfe von ui-sref in ui-router und controller

    können Sie die send-Parameter auf Zustand name als zu Hause({foo: 'fooVal1', bar: 'barVal1'})
    mit einer url"/: foo?bar'
    siehe dieses Beispiel:

    $stateProvider
    .state('home', {
      url: '/:foo?bar',
      views: {
        '': {
          templateUrl: 'tpl.home.html',
          controller: 'MainRootCtrl'

        },
        ...
      }

    und senden von Werten wie:

    <a ui-sref="home({foo: 'fooVal1', bar: 'barVal1'})">

    InformationsquelleAutor You.baddi

Schreibe einen Kommentar