zoukankan      html  css  js  c++  java
  • ionic中input框禁止输入问题

    其实这个问题在之后沥青思路之后觉得还是挺好实现的,没有思路的时候真是找不到头绪~

    功能的描述为:当输入框中没有内容时,允许用户编辑;当其中有内容时不允许用户编辑,只有当用户点击编辑按钮后,才可允许编辑修改。

    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;
    }  //这里是点击编辑按钮后执行的函数,允许编辑;
  • 相关阅读:
    C#中调用Outlook API 发起会议
    Log4Net配置
    web端调用Webapi获取Excel表格
    表格导出之Aspose.Cells
    验证输入框
    把新建的对象所有属性变成默认值
    省市区三级联动
    全局异常处理
    HttpHttpServletRequest / Reponse
    热部署
  • 原文地址:https://www.cnblogs.com/maoyazhi/p/4377955.html
Copyright © 2011-2022 走看看