How to disable an input box using angular js

Question

I am using this field for an edit view and a create view    lt input data-ng-model  userInf username   class  span12 editEmail  type  text   placeholder  me example com   pattern                a-zA-Z  2 6   required   gt    in the controller I have this code to disable the input element   function  rootScope   scope   location  userService       etc          editEmail    attr  disabled   disable       no idea how to do in angular     Please help

User · Answer

lt input type  text  input-disabled  editableInput    gt   lt button ng-click  editableInput    editableInput  gt enable disable lt  button gt   app controller  myController   function       scope editableInput   false       app directive  inputDisabled   function      return function scope  element  attrs       scope  watch attrs inputDisabled  function val         if val          element removeAttr  disabled          else         element attr  disabled    disabled

User · Answer

Your markup should contain an additional attribute called ng-disabled whose value should be a condition or expression that would evaluate to be either true or false         lt input data-ng-model  userInf username   class  span12 editEmail          type  text   placeholder  me example com           pattern                a-zA-Z  2 6           required         ng-disabled   condition or expression     gt    And in the controller you may have some code that would affect the value of ng-disabled directive

User · Answer

You need to use ng-disabled directive   lt input data-ng-model  userInf username          class  span12 editEmail          type  text          placeholder  me example com          pattern                a-zA-Z  2 6           required         ng-disabled   lt expression to disable gt     gt

User · Answer

I created a directive for this  angular stable 1 0 8    lt input type  text  input-disabled  editableInput    gt   lt button ng-click  editableInput    editableInput  gt enable disable lt  button gt   app controller  myController   function       scope editableInput   false       app directive  inputDisabled   function      return function scope  element  attrs       scope  watch attrs inputDisabled  function val         if val          element removeAttr  disabled          else         element attr  disabled    disabled

User · Answer

lt input data-ng-model  userInf username   class  span12 editEmail  type  text   placeholder  me example com   pattern                a-zA-Z  2 6   required ng-disabled  true   gt

User · Answer

Use ng-disabled or a special CSS class with ng-class   lt input data-ng-model  userInf username           class  span12 editEmail          type  text           placeholder  me example com           pattern                a-zA-Z  2 6           required         ng-disabled   expression or condition     gt

[javascript] How to disable an input box using angular.js

Examples related to javascript

Examples related to jquery

Examples related to angularjs