angular.js - angular 搜索功能如何处理?
phpcn_u1582
phpcn_u1582 2017-05-15 17:03:22
0
3
547

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

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

but 我现在要搜索。

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

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

phpcn_u1582
phpcn_u1582

모든 응답(3)
淡淡烟草味

Angularjs 브로드캐스트를 사용할 수 있으며 키 코드는 다음과 같습니다
ListController

으아악

검색 컨트롤러

으아악

$rootScope 상단 컨트롤러 처리

으아악

그렇습니다. 핵심은 방송 활용

phpcn_u1582

글로벌 데이터를 저장하는 서비스를 작성하세요. 목록 페이지에 들어갈 때 먼저 전역 데이터 객체에 데이터가 있는지 확인하세요. 데이터가 없으면 원본 데이터가 바로 표시됩니다. 데이터가 있으면 검색이 완료된 것입니다. 원하는 표시 방법이 표시됩니다.

左手右手慢动作

검색을 클릭한 후에는 물론 데이터를 다시 요청해야 합니다. $scope.data=에 값을 다시 할당하면 괜찮습니다

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿