Angularjs 使用搜索框导航到其他状态

现在，我正在成功地将数据从页面传递到另一个状态。我有一个导航栏搜索框，它位于完全不同的视图中。现在，当我开始在搜索框中输入时，应该通过按

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'
   })

视图：-用于侧栏（与我在导航栏中想要的想法相同）

我相信导航栏需要一个控制器，但是没有一些工作代码是很困难的。你应该提供一个有代码的小提琴手或木匠，这样人们就可以了解你的情况

当你在搜索框中输入时，一个选项列表将显示在输入下面。列表中的每个项目都必须具有

ui sref

值，因此当您单击其中一项时，状态将发生变化

---

同样，这是一个想法。我不知道你的代码是什么样子。

是的，你说得对，我从来没有在前端工作过，所以我对搜索框的东西不太了解。我还没有在搜索框上编码ui sref。我不明白，尽管我已经调用了navbar控制器上的数据。我的重定向状态也已准备就绪，我正在侧边栏中执行此操作。我将州政府和控制者包括在内EDIT@NoobCoder这是一个具有非常简单的搜索框的fiddle（）。我使用了

div

来加快速度，但您可以使用列表来实现。您最不需要做的事情就是将它与您的状态和代码的其余部分连接起来，并可能对其进行修补，直到它工作为止，您走上了正确的道路！：）嘿谢谢值得欣赏的@georgeawg的可能复制品我不这么认为。我可以使用

ui-sref

成功传递数据。我关心的是，我是否可以从搜索框列表中进行搜索。

<p ng-repeat="o in viewuser">
   <a ui-sref="home.userTest({name: o.name})">