how to visible particualr textbox in angularjs

Question

Laxmidhar Sahoo · Answer

before disabled make clear like $scope.firstname = '';

Tajmara · Answer

ng-disabled its disabled bro but once its disabled i want to clear all the values in disabled textbox,checkbox,dropdownlist bro.

Suraj Kumar · Answer

Hello, To set the textbox accessibility you can write your code as shown below. We use ng-disabled directive to set the accessibility of an element in angularjs. input ng-disabled = "expression" > input > > html > script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" > script > body ng-app = "" > Click here to disable all the form fields: input type = "checkbox" ng-model = "all" > br > br > input type = "text" ng-disabled = "all" > input type = "radio" ng-disabled = "all" > select ng-disabled = "all" > option > Female option > option > Male option > select > body > html >

Laxmidhar Sahoo · Answer

hi Petaraj there are two ways One is used id for the particular text box let it textboxid this code in the controller var Ctrl = angular.element(document.querySelector('#textboxid')); alert(Ctrl.val()); another way use ng-model which is used by Raju below . But call it in the controller by simple alert ($scope.firstname) or ther use

Tajmara · Answer

how to use accessebility bro

Laxmidhar Sahoo · Answer

hi I think Raju is currect in case visibility. But not for accessebility

Raju Ahmed · Answer

Hello Petaraj, here I added the code for you, where i conditionally hide a text box. Hope you'll catch it. > html > script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" > script > body > div ng-app = "RajuApp" ng-controller = "RajuController" > div > First Name: input type = "text" name = "firstname" ng-model = "firstname" > div > div ng-show = "IsLastNameVisible" > Last Name: input type = "text" name = "lastname" ng-model = "lastname" > div > div > script > var app = angular .module('RajuApp', []); app.controller('RajuController', function ($scope) { $ scope.IsLastNameVisible = false ; $ scope.firstname = "John" ; $ scope.lastname = "Doe" ; }); script > body > html > Regards Raju Ahmed Happy Coding......

Suraj Kumar · Answer

Hello, You can use ng-show directive to set the visibility true or false as shown below. "expression" > > html > script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" > script > body ng-app = "" > input type = "checkbox" ng-model = "myVar" > div ng-show = "myVar" > h1 > To set the textbox visibility h1 > input type = "text" value = "This is a textbox" ng-show = "myVar" > input > div > body > html > Regard Suraj

Laxmidhar Sahoo · Answer

hi visible or accessable

how to visible particualr textbox in angularjs

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (9)