使用搜索框导航到其他州

问题描述 投票:0回答:1

现在我成功地将数据从页面传递到另一个状态。我有一个导航栏搜索框,它是一个完全不同的视图。现在当我开始在搜索框中输入时,应该通过data.name过滤显示列表(在我的数据中)。

点击特定名称后,它应该导航到该特定状态。

现在我可以通过点击侧边栏使用sref来做到这一点。我想对搜索框做同样的事情。

导航栏应该有不同的控制器吗?

我可以在搜索框中使用ui-sref吗?

编辑: - 调用数据的控制器

app.controller('navController', ['$scope', '$http', '$state' , '$stateParams' , function($scope, $http, $state , $stateParams) {

        $scope.UserData = function(){
            var req = {
                method: 'GET',
                url: './pdata.json',
            }
            $http(req).then(function successCallback(response) {            
                $scope.viewuser = response.data;  
                    console.log($scope.viewuser);
            }, function errorCallback(response) {                
                $scope.message = "error";           
            });
        }
       $scope.UserData();
}]);  

路线:-

.state('home.userTest', {
            url: '/view-userTest/:name',
            templateUrl: 'views/dashboard/routeUser.html',          
            controller: 'receive'
   })

查看: - 侧栏(我想在导航栏中想法)

<p ng-repeat="o in viewuser">
   <a ui-sref="home.userTest({name: o.name})">
angularjs angular-ui-router search-box ui-sref
1个回答
1
投票

我相信你需要一个导航栏的控制器,但没有一些工作代码很难。你应该提供一个小提琴或者有关代码的人,以便人们了解你的情况。

我会在您输入搜索框时输入,输入下方会显示一个选项列表。列表中的每个项目都必须具有ui-sref值,因此当您单击一个时,状态将会更改。

再次,这是一个想法。我不知道你的代码是怎样的。

© www.soinside.com 2019 - 2024. All rights reserved.