使用搜索框导航到其他州

Question

现在我成功地将数据从一个页面传递到另一个状态。我有一个导航栏搜索框，它的视图完全不同。现在，当我开始在搜索框中输入内容时，列表应该通过 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'
   })

View :- 用于侧边栏（我想在导航栏中使用相同的想法）

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

Answer 1

我相信您需要一个用于导航栏的控制器，但是如果没有一些有效的代码就很难做到。您应该提供 fiddle 或 plunker 代码，以便人们了解您的情况。

我假设当您在搜索框中键入内容时，选项列表将显示在输入内容下方。列表中的每一项都必须具有 ui-sref 值，因此当您单击其中一项时，状态将发生变化。

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

使用搜索框导航到其他州

Navigate to other state using search box

search-box

angularjs

angular-ui-router

ui-sref