Unable to view value in textbox after binding in angularjs

Question

Hi I am developing Angularjs application. I am trying to bind value to textbox as below.

<ul>
    <li ng-repeat="screen in screenMap">
        <input type="text" ng-model="screenname" value="{{screen.scrn_name}}" />
    </li>
</ul>

After binding value to textbox, Textbox does not show any value. But when i see in browser i can see below value is binded

 <input type="text" ng-model="screenname" value="USerProfile" class="ng-pristine ng-untouched ng-valid">

May i know why i am not able to see value in textbox? Any help would be appreciated. Thank you.

Sajeetharan · Accepted Answer · 2017-07-05 09:29:16Z

USE ng-value,

<input type="text" ng-model="screenname" ng-value="screen.scrn_name" />

DEMO

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
   $scope.screenMap = [{
  "id": 1,
  "scrn_name": "Redhold"
}, {
  "id": 2,
  "scrn_name": "Solarbreeze"
}];
});

<!DOCTYPE html>
<html>

<head>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

<body>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

  <div ng-app="myApp" ng-controller="myCtrl">
   <ul>
  <li ng-repeat="screen in screenMap">
  <input type="text" ng-model="screenname" ng-value="screen.scrn_name" />
  </li>
  </ul>
    
  </div>
  
</body>

</html>

Icycool · Accepted Answer · 2017-07-05 09:26:41Z

1

You are almost there. In Angular model is equal to value.

<input type="text" ng-model="screen.scrn_name" /> should suffice.

answered Jul 5, 2017 at 9:26

Icycool

7,1991 gold badge27 silver badges33 bronze badges

Comments

Deepshikha Chaudhary · Accepted Answer · 2017-07-05 11:15:50Z

0

ng-model="your_value" I think it will work.

answered Jul 5, 2017 at 11:15

Deepshikha Chaudhary

4084 silver badges11 bronze badges

Collectives™ on Stack Overflow

Unable to view value in textbox after binding in angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related