最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

AngularJswatch监听inputvalue并请求数据的方法

来源:动视网 责编:小采 时间:2020-11-27 20:01:44
文档

AngularJswatch监听inputvalue并请求数据的方法

AngularJswatch监听inputvalue并请求数据的方法:本文主要和大家分享AngularJs watch监听input value并请求数据的方法,希望能帮助到大家。1、html input菜单和隐藏的控件<p class="form-pider"></p> <p class="form-item form-rema
推荐度:
导读AngularJswatch监听inputvalue并请求数据的方法:本文主要和大家分享AngularJs watch监听input value并请求数据的方法,希望能帮助到大家。1、html input菜单和隐藏的控件<p class="form-pider"></p> <p class="form-item form-rema


本文主要和大家分享AngularJs watch监听input value并请求数据的方法,希望能帮助到大家。


1、html input菜单和隐藏的控件

<p class="form-pider"></p>
<p class="form-item form-remark">
 <p class="item-title"><span class="adError">*</span> 投放产品</p>
 <input name="app" ng-model="chance.appName" type="text" class="item-select" placeholder="请填写产品名称">
</p>
<p ng-if="ishaveName==true" class="margin-top-1 adError">
 该应用已被商务"{{haveName}}"录入国,可保持沟通
</p>

2、watch开始使用

1、JS 必须初始化$watch控件 ,ng-model="chance.appName"

$scope.chance={
 appName:null};

2、开始watch代码

1、一定注意是$watch,前面有美元符。里面是变量,变量前面没有$scope

2、在没有获取到值的情况下,提示控件,应该不显示。所以设置了变量$scope.ishaveName= false,注意JS头部初始化为false,只有当true的时候才会显示提示控件

3、在进入$watch的时候,就将上面2中的$scope.ishaveName设置为false


$scope.chance={
 appName:null};$scope.ishaveName= false;

$scope.$watch('chance.appName',function () {
 $scope.ishaveName= false; if($scope.chance.appName!=null&&$scope.chance.appName!=undefined&&$scope.chance.appName!=''){ $http.get(ctx+'/chance/findAdminByAppName?appName='+$scope.chance.appName)
 .success(function (data,status) {
 if(data.result!=null){ $scope.haveName= data.result.name; $scope.ishaveName= true;

 }
 })
 }

});

3、后端代码


1、controller


@Controller@RequestMapping("chance")@ResourceFolder(folder = "module/chance/")public class ChanceController {


 @GetMapping("findAdminByAppName") @ResponseBody
 public ResponseBean findAdminByAppName(String appName){ try { return ResponseBean.buildSuccess(customerChanceService.findAdminByAppName(appName));
 }catch (AppException e){ return ResponseBean.buildFailure(e.getMessage());
 }
 }
}

2、service,当如果为登录人员自己设置的产品的时候,不需要提示自己,尽可能的提示其他人(傻子知道)。


//根据产品名字 ,查看是否有商务经理已经添加了该产品,选则一个不是自己的产品经理@Overridepublic SysAdminUser findAdminByAppName(String appName) { if("".equals(appName)||appName==null){ return null;
 }
 Long adminId = CasConfig.RemoteUserUtil.getRemoteUserId();

 List<SysAdminUser> sysAdminUsers = customerMapper.findAdminByAppName(appName); //有可能会出现多个人,那么首先如果是自己创建的话,就排除掉
 if(sysAdminUsers.size()>0){ if(adminId.compareTo(sysAdminUsers.get(0).getId())==0){
 sysAdminUsers.remove(0);
 } if(sysAdminUsers.size()>0){ return sysAdminUsers.get(0);
 }
 } return null;
}

3、mapper

1、首先应该明确,我们这里获取的是管理人,所以要以管理人为核心。


<!--根据产品,名字,看出是否已经有商务经理在维护了,根据产品名字 ,查看是否有商务经理已经添加了该产品,如果前台传入的参数我空,则通过java判断,不能进入本sql,`否则会出错`-->
 <select id="findAdminByAppName" resultType="com.duodian.admore.entity.db.admin.SysAdminUser"> SELECT s.* FROM `sys_admin_user` s
 left JOIN crm_customer_chance c on c.adminId = s.id where c.isVisible = 1 and c.adminId is not NULL
 <if test="_parameter != null and _parameter!= ''"> and c.appName = #{_parameter}
 </if> GROUP by id
 </select>

</mapper>

文档

AngularJswatch监听inputvalue并请求数据的方法

AngularJswatch监听inputvalue并请求数据的方法:本文主要和大家分享AngularJs watch监听input value并请求数据的方法,希望能帮助到大家。1、html input菜单和隐藏的控件<p class="form-pider"></p> <p class="form-item form-rema
推荐度:
标签: 监控 内容 方法
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top