Cet article présente principalement la méthode de transmission des paramètres d'AngularJS dans le routage. Il analyse les compétences associées d'AngularJS dans la mise en œuvre des paramètres de routage sous forme d'exemples et résume les étapes de fonctionnement et les précautions pertinentes. Les amis dans le besoin peuvent s'y référer. 🎜>
L'exemple de cet article décrit comment AngularJS transmet les paramètres dans le routage. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants : Non seulement nous pouvons définir directement la valeur de l'attribut dans le contrôleur, tel que :
app.controller('listController',function($scope){ $scope.name="ROSE"; });
<!--首页html--> <li><a href="#/user/18" rel="external nofollow" rel="external nofollow" >用户</a></li>
//js .config(['$routeProvider', function($routeProvider){ $routeProvider. when('/user/:age',{ templateUrl:'list.html', controller:'listController'}) }]);
<!--list.html--> <p> <p> <h1>HI,这里是list.html</h1> <h2>{{name}}</h2> <h3>{{params.age}}</h3> </p> </p>
.controller('listController',function($scope,$routeParams){ $scope.name="ROSE"; $scope.params=$routeParams; });
1. le "/" de la vue de la page d'accueil ajoute les paramètres réels à passer ultérieurement.
2. Définissez une variable dans le chemin de routage dans la configuration de routage pour la correspondance, au format /:variable. 3. Configurez le contrôleur et injectez $routeParams dans le contrôleur.
4. Attribuez des valeurs dans le contrôleur. $scope.params=$routeParams;
5. Le paramètre réel est affiché avec succès dans la vue une fois le routage terminé. {{params.age}}
Une chose à noter est que le paramètre réel est stocké dans
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!