prefill text boxes with value from url parameters using angularjs

Question

Im trying to grab the values from parameters in the url and use that to populate some textboxes on my page but i cant figure it out. can anyone help (p.s im new to angular)

This is my example texboxes

<div class="container">
    val1: <input type="text" ng-model="vm.txt1" />
    val2:<input type="text" ng-model="vm.txt2" />
</div>

here is the example code in my controller

(function() {
    'use strict';

     angular.module('app').controller('exampleController', ExampleController);

     ExampleController.$inject = ['$scope', '$location', '$window', '$http', '$templateCache'];       

     function ExampleController($scope, $location, $window, $http,   $templateCache) {
         var location = $location;
         var url = $scope.location.url('http://www.example.com/examplepage?name=todd&age=20');
         $scope.vm.txt1 = $scope.location.search().name;
         $scope.vm.txt2 = $scope.location.search().age;
     };
})();

Enkode · Accepted Answer · 2015-09-28 20:29:47Z

4

You have:

   var location = $location;
   var url = $scope.location.url('http://www.example.com/examplepage?name=todd&age=20');
    $scope.vm.txt1 = $scope.location.search().name;
    $scope.vm.txt2 = $scope.location.search().age;

Should be:

  $scope.vm.txt1 = $scope.location.search().name;
  $scope.vm.txt2 = $scope.location.search().age;

You can remove the local "var location = $location" as $location will suffice. There is no need to add $location to your $scope for this instance.

edited Sep 28, 2015 at 20:29

answered Sep 28, 2015 at 20:19

Enkode

4,8634 gold badges40 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user5277847 Over a year ago

Thanks so much this did it for me.

Michel · Accepted Answer · 2015-09-28 20:22:34Z

2

Controller

In the controller, just set:

$scope.urlParams = $location.search();

HTML

<input type="text" ng-model="urlParams.name" />
<input type="text" ng-model="urlParams.age" />

answered Sep 28, 2015 at 20:22

Michel

28.6k6 gold badges67 silver badges72 bronze badges

Collectives™ on Stack Overflow

prefill text boxes with value from url parameters using angularjs

2 Answers 2

1 Comment

Controller

HTML

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Controller

HTML

Comments

Your Answer

Sign up or log in

Post as a guest

Related