angularjs中watch使用--实现项目中时时搜索
发布时间:2020-12-17 10:09:42 所属栏目:安全 来源:网络整理
导读:重点内容 :用ng-model 定义一个变量, 用watch方法进行时时的监听 html5中定义一个ng-model js文件中首先给ng-model 一个初始值 *js文件实现watch方法, 进行变量的时时监听 代码块(项目中做的时时搜索为例) html5中定义一个ng-model变量,也是一个搜索框
重点内容 :用ng-model 定义一个变量, 用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.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- angular – 异步函数仅在定位ECMAScript 2015或更高版本时可
- playframework – 玩2 – Scala FakeRequest withJsonBody
- 如何隐藏Bootstrap模式从javascript?
- webService
- 【数据结构】二叉树的一个应用,哈夫曼编码的生成
- – > _ =>意味着Scala / Lift?
- scala – 为什么有从Float / Double到BigDecimal的隐式转换
- 关于WebService的一些操作。。。
- WCF、WebAPI、WCFREST、WebService之间的区别
- bootstrap2和bootstrap3的用法区别概述(二)