angular.js - angular 搜索功能如何处理？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angular 搜索功能如何处理？

phpcn_u1582 2017-05-15 17:03:22

[AngularJS讨论组]

1259

假设我有两个控制器，这两个控制器是兄弟关系
ListController ==> 列表控制器
SearchController ==> 搜索控制器

页面一上来就在列表控制器中请求数据成功后挂载到 $scope.data 然后在列表视图中应用。

but 我现在要搜索。

搜索控制器中有方法。输入文字点击确认，获取服务端返回的数据。

ok 我现在成功获取到数据了，我怎么把数据应用到 列表控制器 中来渲染列表视图？

phpcn_u1582

全部回复(3)

淡淡烟草味2017-05-15 17:05:22 3楼

可以用angularjs的广播，关键代码如下
ListController

$scope.$on('SearchController.onSearch',function(e,data){
    console.log(data);
});

SearchController

//搜索方法请根据实例情况处理 ，这里只进行获得结果之后的处理
$scope.search = function(){
    var data = [];//搜索到的数据，如果是异步拿到的，请把以后的代码放到回调中
    $scope.$emit('SearchController.onSearch',data);
}

$rootScope顶级控制器处理

$scope.$on('SearchController.onSearch',function(e,data){
    $scope.$broadcast('SearchController.onSearch',data)    
});

就可以了。核心是利用了广播

赞 +0

添加回复

phpcn_u15822017-05-15 17:05:22 2楼

写个service呀，用来保存全局数据。进入列表页面的时候，先判断下这个全局数据对象是否有数据，没有数据直接显示原来的数据，有数据表示搜索过了，就显示搜索数据或者其他你喜欢的显示方式。

赞 +0

添加回复

ringa_lee2017-05-15 17:05:22 1楼

点击了搜索，当然是重新请求数据了，直接重新给你的$scope.data= 赋值就ok

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>