×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: Nilesh Yadav
Added: Jun 12, 2017 7:50 AM
Views: 2
Tags: no tags
  1. app.config(['$stateProvide',function($stateProvide) {
  2.        
  3.         $stateProvide
  4.           .state('firstMessage',{
  5.              //url:'/first-msg/:a/:b',
  6.              url:'/first-msg/{a}/{b}',
  7.              templateUrl:'msg1.htm',
  8.              controller:'msg1'
  9.           })
  10.  
  11.           .state('secondMessage',{
  12.              url:'/first-msg/{a:[0-9]+}/{b}',
  13.              templateUrl:'msg1.htm',
  14.              controller:'msg1'
  15.           })
  16.  
  17.           .state('thirdMessage',{
  18.              url:'/third-msg/:a', // optional by default (last parameter )
  19.              templateUrl:'msg1.htm',
  20.              controller:'msg1'
  21.           })
  22.  
  23.           .state('fourthMessage',{
  24.              url:'/fourth-msg',
  25.              templateUrl:'msg1.htm',
  26.              controller:'msg1',
  27.              params:{ //can only work with ui-sref
  28.                 a:{value:'1'}, // default value 1
  29.                 b:{value:'2'}  // deafult value 2
  30.              }
  31.           })
  32.  
  33.          // query strig params also avilable use query params
  34.  
  35. }])
  36.  
  37. app.controller('msg1',['$scope','$stateParams'],function($scope, $stateParams) {
  38.         $scope.a = $stateParams.a;
  39.         $scope.b = $stateParams.b;
  40. })
  41.  
  42. <a ui-sref="firstMessage({a:20,b:30})" >firstMessage</a>
  43.  
  44. <a ui-sref="fourthMessage({a:20,b:30})" >fourthMessage</a>