AngularJs avec des paramètres de Routage

Quelqu'un peut m'expliquer comment je peux itinéraire vers une Url à l'aide de paramètres?

E. g. id aiment à cliquer sur un produit et d'ouvrir plus d'infos sur le produit par Id.

Mon Routage pour l'instant ...

        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"
            });

        });

En cliquant sur ...

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

Id tiens à être acheminés vers le produit/{{id}}.code html ...

Quelqu'un peut conseiller ce que je suis en manque ...

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

OriginalL'auteur ClarkySmiverz77 | 2016-10-01

  1. 19

    2 choses, mais vous êtes là.

    D'abord il vous manque un slash avant le param URL. Il arrive aux meilleurs d'entre nous.

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

    Deuxièmement, vous devez utiliser ng-href plutôt href quand vous avez des URL dynamiques params.

    <a ng-href="#/product/{{item.id}}">More Info</a>
    Merci mec, une paire d'yeux supplémentaire est toujours la clé du succès après des heures de codage. Apprécions l'aide @enzey!
    j'ai une question, que faire si vous avez /produits/nouvelles ... comment voulez-vous ajouter?

    OriginalL'auteur Enzey

  2. 7

    Je pense que cette question est double, voir la réponse Comment passer des paramètres à l'aide de l'interface utilisateur-sref dans l'interface utilisateur du routeur pour contrôleur

    vous pouvez envoyer des paramètres de nom de l'etat comme à la maison({foo: 'fooVal1', la barre: "barVal1'})
    avec une url '/:foo?bar'
    voir cet exemple:

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

        },
        ...
      }

    et envoyer des valeurs comme:

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

    OriginalL'auteur You.baddi