Learn about ng-hide and ng-disabled and angularjsng-hide of angularjs.

Learn about ng-hide and ng-disabled and angularjsng-hide of angularjs.

1. There is a checkbox and a text box on the page. Whether the checkbox option can be used to input text in the text box:

 

<Input type = "checkbox" ng-model = "ckSwitch"/> <input id = "Text1" type = "text" ng-disabled = "! CkSwitch "ng-model =" textValue "/> Html Code

 

Demo:

 

2. If you want to hide the text box as soon as it is opened, the text box will be displayed only when the checkbox is clicked as true:

 

<Input type = "checkbox" ng-model = "ck1"/> <input type = "text" ng-hide = "! Ck1 "ng-model =" text1 "/> Html Code

 

Demo: