如何通过ng-click按钮将ng-model数据从输入转换为state.go()调用?

时间:2015-04-12 05:15:50

标签: javascript angularjs angular-ui-router

我有一个输入字段和一个按钮。我希望将输入中的文本发送到我的控制器,无论如何。

我试过这个。状态转换有效,视图加载,但searchText没有进入我的控制器。我已尝试将一些内容传递给$state.go(),例如searchText甚至{{searchText}}

    <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search" ng-model="searchText">
        </div>
        <button ng-click="$state.go('app.search', $scope.searchText)" type="submit" class="btn btn-default">Submit</button>
    </form>

我的状态配置如下所示:

            .state('app.search', {
                url: 'search/:searchText',
                views: {
                    'MainPane@': {
                        templateUrl: 'views/content/search.html',
                        controller: 'SearchController'
                    }
                }
            })

和我的控制器现在:

angular.module('SearchController', [])
.controller("SearchController", ['$scope', '$stateParams', '$state', '$http',
    function ($scope, $stateParams, $state, $http) {

        console.log($stateParams);

    }]);

更新:尝试了评论中的建议。结果证明是有效的。使用$ scope.searchText不起作用。

   {'searchText': searchText})

0 个答案:

没有答案