angularjs中watch使用--实现项目中时时搜索
来源:互联网 发布:mac电脑还原出厂设置 编辑:程序博客网 时间:2024/06/05 20:48
重点内容 :用ng-model 定义一个变量, 用watch方法进行时时的监听
- html5中定义一个ng-model
- js文件中首先给ng-model 一个初始值
- *js文件实现watch方法, 进行变量的时时监听
代码块(项目中做的时时搜索为例)
html5中定义一个ng-model变量,也是一个搜索框的实现例如:
<ion-nav-buttons side="center"> <!-- 设置搜索框 --> <input type="text" class="form-control" id="name" placeholder="请输入项目名称" style="height: 25px;margin-top:5px;padding-top:5px;text-align:left;line-height: 25px;" ng-model= "showName.item"ng-style="myWidth"> </ion-nav-buttons>
js文件中初始化ng-model 例如:
$scope.showName = {item:''};
js文件中实现watch方法的时时监听例如:
$scope.$watch('showName.item', function() { ``` 要实现的方法, 具体问题具体分析, 本人项目中这选择的是请求搜索的结果代码如下: if($scope.showName.item != '') { projectHTTP.search($scope.showName.item,function(data){ if(data.data != null && data.data.length != 0){ $scope.projectListName = data.data; setUserJsonCache("searchList", $scope.projectListName); } else { $scope.projectListName = []; } }); }});
脚注
生成一个脚注1.
- 本人并没有介绍具体网络请求的实现, 会在接下来的文章中提及到, 另外watch还有多中用法需要的亲们可以调研. ↩
0 0
- angularjs中watch使用--实现项目中时时搜索
- 谈谈angularjs中$watch,$apply,$digest
- angularJs使用$watch和$filter过滤器制作搜索筛选实例
- angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证
- angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证
- 在项目中使用AngularJS+UI-Grid
- 在idea中实现tomcat中前端的时时更新
- angularJS $watch $timeout 使用心得
- angularJs中datatable实现
- angularJs中datatable实现
- solr搜索(项目中实现)
- VC中实现VFW的时时视频捕捉
- Struts2中ajax结合action实现表单时时验证
- Symfony2中使用AngularJS
- angularjs中使用jquery
- Angularjs中checkbox使用
- AngularJS中使用$resource
- AngularJS中使用ngTable
- JAVA 笔记(二)
- 【bzoj 1616】: [Usaco2008 Mar]Cow Travelling游荡的奶牛 dp
- 第8周项目2 - 用对象数组操作长方形类
- JSP中的EL表达式(3)
- git开源库——性能优化——图片缓存
- angularjs中watch使用--实现项目中时时搜索
- 数据中心解决方案之灾备方案设计(下)
- Notification消息栏通知的实现
- 探讨kafka的分区数与多线程消费
- Halcon清晰度检测实例(转)
- UVA 524 Prime Ring Problem
- iOS AVCaptureSession获取图像数据
- 使用pushlet实现消息服务端推送至客户端
- jQuery学习笔记三:获取内容(text、html、val)