how to visible particualr textbox in angularjs

Tajmara

8y860Learn iOS Programming

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo8y ago
before disabled make clear like

$scope.firstname = '';
0
Tajmara8y ago
ng-disabled its disabled bro

but once its disabled i want to clear all the values in disabled textbox,checkbox,dropdownlist bro.
0
Suraj Kumar8y ago
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>Femaleoption>
  <option>Maleoption>
select>

body>
html>
0
Laxmidhar Sahoo8y ago
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
0
Tajmara8y ago
how to use accessebility bro
0
Laxmidhar Sahoo8y ago
hi I think Raju is currect in case visibility.
But not for accessebility
0
Raju Ahmed8y ago
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......
0
Suraj Kumar8y ago
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 visibilityh1>
<input type="text" value="This is a textbox" ng-show="myVar">input>
div>

body>
html>
Regard
Suraj
0
Laxmidhar Sahoo8y ago
hi
visible or accessable
0