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

查看：-用于侧边栏（我想要在导航栏中显示相同的想法）

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

Answer 1

我相信您需要一个用于导航栏的控制器，但是如果没有一些有效的代码，这将非常困难。您应该为小提琴或小工具提供代码，以便人们可以理解您的情况。

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

再次，这是一个主意。我不知道您的代码看起来如何。

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

1 个答案: