AngularJS 通用搜索框(在线等)

Jenter 发布于 2014/07/28 15:23
阅读 2K+
收藏 0

公司的监控系统用了angularjs,我刚学没多久,需要实现一个通用的搜索框功能:

需求描述:在Header里有个搜索框,当在里面输入内容时,过滤下方list中的内容(这个地方用watch)

问题:1.如果是单独过滤一个页面的内容比较好搞,问题是我们现在有8个页面,都要用这一个搜索框,这个应该如            何实现?

        2.过滤完成后怎么显示?

谢谢各位大神,在线等

加载中
1
J
Jenter

引用来自“純白陰影”的评论

搜索框独立出来,watch到变化时,发布事件, 表格各自实现过滤功能,监听搜索框发布的事件。
你好,请详细点吗?
0
純白陰影
純白陰影
搜索框独立出来,watch到变化时,发布事件, 表格各自实现过滤功能,监听搜索框发布的事件。
純白陰影
純白陰影
子controller可以获取父controller的模型
J
Jenter
回复 @純白陰影 : 嗯 那过滤器里 怎么去到 搜索框的值。
純白陰影
純白陰影
手机回复,没demo
純白陰影
純白陰影
这个。。。已经说得够明白了吧! 还有种方式,用搜索框的controller包含表格所在的controller,表格controller中watch搜索框的值
J
Jenter
能详细点吗,最好有个小demo,谢谢了
0
zfc827
zfc827
// 检查搜索框绑定的参数 searchParam 是否有变化
$scope.$watch('searchParam', function () {
    // 使用过滤器过滤数据
    $scope.modelList = $filter('filter')($scope.modelList, 'searchParam');
});



0
J
Jenter

引用来自“zfc827”的评论

// 检查搜索框绑定的参数 searchParam 是否有变化
$scope.$watch('searchParam', function () {
    // 使用过滤器过滤数据
    $scope.modelList = $filter('filter')($scope.modelList, 'searchParam');
});



谢谢


返回顶部
顶部