доступ к значению текстового поля angularjs в контроллере

Я пытаюсь изучить AngularJS и мне нужна помощь в передаче введенного пользователем текстового значения текстового поля после нажатия кнопки для добавления к строковому значению URL-адреса при вызове службы http.

Я пытаюсь добавить следующим образом, но он показывает мне значение undefined при добавлении URl с введенным пользователем текстом из текстового поля.

Вот мой HtmlPage1.html

              <form ng-submit="abc(inputValue)">
                    <input type="text" name="name" ng-model="inputValue" />
                    <button type="submit">Test</button>
                </form>

и мой файл скрипта Script.js

           var app = angular.module("repos", [])
            .controller("reposController", function ($scope, $http, $log) {
                $scope.inputValue = null;
                $scope.abc = function (value) {
                    $scope.inputValue = value;
                };

                $http({
                    method:'GET',
                    url:     'https://api.github.com/users/'+$scope.inputValue+'/repos'
                })
                        .then(function (response) {
                            $scope.repos = response.data;
                            $log.info(response);
                        });
            });

Может ли кто-нибудь помочь мне в этом отношении, как получить правильное значение, которое пользователь ввел для добавления к URL-адресу?

Заранее спасибо.