ionic中input框禁止输入问题
2015-09-14 09:54
162 查看
其实这个问题在之后沥青思路之后觉得还是挺好实现的,没有思路的时候真是找不到头绪~
功能的描述为:当输入框中没有内容时,允许用户编辑;当其中有内容时不允许用户编辑,只有当用户点击编辑按钮后,才可允许编辑修改。
1.首先要了解ng-disabled这个属性;
2.在input中加入这个属性:
input name="categoryName" ng-model="createNewCategory.name" type="text" ng-disabled="!allowEdit" placeholder="{{'Input_category'
| translate}}" required/>
3.在控制器controllers.js中,
功能的描述为:当输入框中没有内容时,允许用户编辑;当其中有内容时不允许用户编辑,只有当用户点击编辑按钮后,才可允许编辑修改。
1.首先要了解ng-disabled这个属性;
2.在input中加入这个属性:
input name="categoryName" ng-model="createNewCategory.name" type="text" ng-disabled="!allowEdit" placeholder="{{'Input_category'
| translate}}" required/>
3.在控制器controllers.js中,
var credentialId = $stateParams.credentialId; var credential = businessLogic.getCredentialById(credentialId); if (credential) { $scope.credential = credential; $scope.allowEdit = false; } else { $scope.credential = {}; $scope.allowEdit = true; } //这里有判断是否有数据,有的话传值同时不可编辑; $scope.switchEdit = function (createForm) { $scope.allowEdit = true; } //这里是点击编辑按钮后执行的函数,允许编辑;
相关文章推荐
- STL源码剖析 [算法](一)[stl_numeric.h]==>copy
- 使用keepalived实现双机热备
- Elasticsearch 免费认证插件Search-guard的部署安装及策略配置
- 贝叶斯定理
- Struts2构建HelloWorld
- qml学习-----------定时器的使用
- 建表语句导致空间浪费的解释
- Android ColorMatrix研究介绍
- UVa 10986 - Sending email
- 腾讯力作!超赞的IOS 8人机界面指南(1):UI设计基础
- 日记20150914
- ionic实现双击返回键退出软件
- NES模拟器开发-CPU笔记
- JS-实现图片横向滑动效果
- Python开发入门与实战20-微信开发配置
- sqlite 操作(使用FMDB)
- 安卓用户小心!新木马病毒可读取并收发短信
- c++的vector赋值方法汇总
- 浅谈C++中指针和引用的区别
- CodeForces 148D Bag of mice(概率DP )