Merge pull request #1 from mdkitzman/master

Multiple query parameters with the same name

Author: yllieth

angular-url-parser.js

@@ -21,7 +21,21 @@ angular
 
       for( i = 0; i < queries.length; i++ ) {
         split = queries[i].split('=');
-        searchObject[split[0]] = split[1];
+        // handle query strings such as id=1&id=2&id=3
+        if(searchObject.hasOwnProperty(split[0])) {
+          var currentVal = searchObject[split[0]];
+          var valueList;
+          if(!angular.isArray(currentVal)){
+            valueList = [];
+            valueList.push(currentVal);
+          } else {
+            valueList = currentVal;
+          }
+          valueList.push(split[1]);
+          searchObject[split[0]] = valueList;
+        } else {
+          searchObject[split[0]] = split[1];
+        }
       }
 
       return {

app/app.js

@@ -9,6 +9,7 @@ angular
         ex3: 'http://localhost:3000/profile/yllieth',
         ex4: 'http://localhost:3000/profile/yllieth?page=1&sort=asc',
         ex5: 'http://localhost:3000#personal_information',
+        ex6: 'http://localhost:3000/profile?id=1&id=2&sort=asc',
         current: location.href
     };
 
@@ -27,4 +28,4 @@ angular
     };
 
     this.changeUrl(this.selectedUrl);
-  });
+  });

app/index.html

@@ -25,35 +25,11 @@ <h1>Angular Url Parser</h1>
       <div class="col-lg-6">
         <h2>Url examples</h2>
 
-        <div class="row" style="margin-top: 20px">
-          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="Demo.example.current" ng-change="Demo.changeUrl(Demo.example.current)"></div>
-          <div class="col-lg-11"><strong>Current url : </strong><code><small>{{ Demo.example.current }}</small></code></div>
-        </div>
-
-        <div class="row" style="margin-top: 20px">
-          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="Demo.example.ex1" ng-change="Demo.changeUrl(Demo.example.ex1)"></div>
-          <div class="col-lg-11"><code><small>{{ Demo.example.ex1 }}</small></code></div>
-        </div>
-
-        <div class="row" style="margin-top: 20px">
-          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="Demo.example.ex2" ng-change="Demo.changeUrl(Demo.example.ex2)"></div>
-          <div class="col-lg-11"><code><small>{{ Demo.example.ex2 }}</small></code></div>
-        </div>
-
-        <div class="row" style="margin-top: 20px">
-          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="Demo.example.ex3" ng-change="Demo.changeUrl(Demo.example.ex3)"></div>
-          <div class="col-lg-11"><code><small>{{ Demo.example.ex3 }}</small></code></div>
-        </div>
-
-        <div class="row" style="margin-top: 20px">
-          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="Demo.example.ex4" ng-change="Demo.changeUrl(Demo.example.ex4)"></div>
-          <div class="col-lg-11"><code><small>{{ Demo.example.ex4 }}</small></code></div>
-        </div>
-
-        <div class="row" style="margin-top: 20px">
-          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="Demo.example.ex5" ng-change="Demo.changeUrl(Demo.example.ex5)"></div>
-          <div class="col-lg-11"><code><small>{{ Demo.example.ex5 }}</small></code></div>
+        <div class="row" style="margin-top: 20px" ng-repeat="(demoName, url) in Demo.example" >
+          <div class="col-lg-1"><input type="radio" ng-model="Demo.selectedUrl" ng-value="url" ng-change="Demo.changeUrl(url)"></div>
+          <div class="col-lg-11"><strong>{{demoName}} : </strong><code><small>{{ url }}</small></code></div>
         </div>
+        
       </div>
 
       <div class="col-lg-6">
@@ -126,4 +102,4 @@ <h2>API</h2>
   <script type="application/javascript" src="../angular-url-parser.js"></script>
   <script type="application/javascript" src="app.js"></script>
   </body>
-</html>
+</html>