gpt4 book ai didi

javascript - 在angularjs中绑定(bind)后无法在文本框中查看值

转载 作者:行者123 更新时间:2023-11-30 09:33:31 24 4
gpt4 key购买 nike

您好,我正在开发 Angularjs 应用程序。我正在尝试将值绑定(bind)到文本框,如下所示。

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

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

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

我可以知道为什么我看不到文本框中的值吗?任何帮助,将不胜感激。谢谢。

最佳答案

使用 ng 值,

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

演示

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>

关于javascript - 在angularjs中绑定(bind)后无法在文本框中查看值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44922148/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com