Angular.JS利用ng-disabled属性和ng-model实现禁用button效果

前言

本文要实现的效果是在输入框内无文字时，提交button是不能点击状态，在输入文字后会变为可点击状态，效果图如下：

实现方法：

<div> 
 <div> 
  <textarea name="" id="" rows="3" class="form-control" ng-model="shyj" placeholder="在此输入审批意见"></textarea> 
 </div> 
 <div> 
  <div> 
   <button class="btn btn-sm btn-block btn-primary" ng-disabled="!shyj" 
    ng-click="agreeClick(SM.YGBH,SM.RQ,shyj);" ng-tap="$navigate.go('/home')"> 
   提交 
   </button> 
  </div> 
 </div> 
</div> 

controller里其实不用做什么操作，html已经实现禁用效果了。放上来给大家随便看看吧。

$scope.agreeClick=function(v_shyg,v_rq,shyj){//审核通过 
 $scope.v_shzt=0; 
 $scope.v_shyg=v_shyg; 
 $scope.v_rq=v_rq; 
 $scope.shyj=shyj; 
 $scope.v_lsh=0; 
 /*if(!$scope.shyj||$scope.shyj==''){ 
  myTip("审核意见不能为空"); 
  return false; 
 }*/ 
 HomeService.agreeClick({YGBH:$scope.YGBH,v_rq:$scope.v_rq,v_shzt:$scope.v_shzt,v_shyg:$scope.v_shyg,v_shyj:$scope.shyj,v_lsh:$scope.v_lsh}).then(function(data){ 
  var info=data.msg; 
  if (info[0].code === "0") {//查询到结果 
  myTip("审核成功"); 
   $navigate.go("/LogList"); 
  }else{ 
   myTip("审核失败:"+info[0].msg); 
  } 
//  console.log("desk: %o", data); 
//  $scope.LogList=data.answers[0]; 
//  $scope.abc=data.answers[0][0].YGBH; 
//  console.log("bb: %o",$scope.abc); 
   }); 
} 

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# angularjs  # 禁用button  # ng  # model  # angular  # js  # AngularJS2中一种button切换效果的实现方法（二）  # angularjs自定义ng-model标签的属性  # Angular.js回顾ng-app和ng-model使用技巧  # AngularJS基础 ng-model 指令详解及示例代码  # AngularJS基础 ng-model-options 指令简单示例  # AngularJS基础 ng-disabled 指令详解及简单示例  # 是在  # 在此  # 做什么  # 这篇文章  # 谢谢大家  # 后会  # 看看吧  # 放上  # 为空  # 输入框  # 内无  # 输入文字  # 来给大家  # 审核意见  # 有疑问  # textarea  # id  # rows  # sm  # shyj 

相关文章： 如何选择可靠的免备案建站服务器？  如何快速搭建高效WAP手机网站？  Bpmn 2.0的XML文件怎么画流程图  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  如何选择建站程序？包含哪些必备功能与类型？  建站之星后台管理如何实现高效配置？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  在线制作视频的网站有哪些,电脑如何制作视频短片？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  微信小程序制作网站有哪些,微信小程序需要做网站吗？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  独立制作一个网站多少钱,建立网站需要花多少钱？  定制建站策划方案_专业建站与网站建设方案一站式指南  济南网站建设制作公司,室内设计网站一般都有哪些功能？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  建站之星如何配置系统实现高效建站？  建站主机解析：虚拟主机配置与服务器选择指南  官网建站费用明细查询_企业建站套餐价格及收费标准指南  Android自定义listview布局实现上拉加载下拉刷新功能  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  b2c电商网站制作流程,b2c水平综合的电商平台？  如何通过远程VPS快速搭建个人网站？  如何在新浪SAE免费搭建个人博客？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  如何在阿里云虚拟主机上快速搭建个人网站？  网站制作公司排行榜,四大门户网站排名？  大连网站设计制作招聘信息,大连投诉网站有哪些？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  南平网站制作公司,2025年南平市事业单位报名时间？  红河网站制作公司,红河事业单位身份证如何上传？  南宁网站建设制作定制,南宁网站建设可以定制吗？  如何高效利用亚马逊云主机搭建企业网站？  建站之星上传入口如何快速找到？  如何规划企业建站流程的关键步骤？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  盘锦网站制作公司,盘锦大洼有多少5G网站？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何通过建站之星自助学习解决操作问题？  如何在Tomcat中配置并部署网站项目？  建站之星云端配置指南：模板选择与SEO优化一键生成  购物网站制作公司有哪些,哪个购物网站比较好？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  如何彻底卸载建站之星软件？  高性价比服务器租赁——企业级配置与24小时运维服务