Question

您好我正在开发Angularjs应用程序。我试图将值绑定到文本框，如下所示。

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

将值绑定到文本框后，Textbox不显示任何值。但是当我在浏览器中看到我可以看到下面的值是绑定的

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

我可以知道为什么我无法在文本框中看到价值吗？任何帮助，将不胜感激。谢谢。

Answer 1

USE ng-value，

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

<强>样本

＆＃13;

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

＆＃13;

<!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>

＆＃13;

Answer 2

你快到了。在Angular模型中等于值。

<input type="text" ng-model="screen.scrn_name" />就足够了。

Answer 3

NG-模型=＆＃34; your_value＆＃34;我认为它会奏效。

在angularjs

3 个答案: