gpt4 book ai didi

javascript - Angularjs 隐藏输入框内的文本

转载 作者:行者123 更新时间:2023-11-29 22:07:13 27 4
gpt4 key购买 nike

我(刚接触 Angular)正在研究 angularjs 终端模拟器,这是重头戏 http://plnkr.co/edit/BzLc9WGakUcRX5Cn2LpE?p=preview

我想要的是输入字段中的文本在我输入输入时不应该是可见的,并且模型应该更新为我输入的任何文本而不显示。

是否有任何过滤器只隐藏文本。

最佳答案

这是您想要的工作示例(我已经更改了 Angular 版本以使 ng-keyup 工作)

<!doctype html>
<html>
<head>
<script src="http://code.angularjs.org/1.2.3/angular.min.js"></script>
<script src="example.js"></script>
<style>
#hidden {
border: 0;
margin: 0;
}
</style>
</head>
<body ng-app="plunker">
<div ng-controller="terminalCtrl">
<div ng-repeat="line in terminal">
<div>
{{line}}
</div>
</div>
><input ng-keyup="changeKey($event)" ng-model="command" id="hidden">
</div>
</body>
</html>

例子.js

var app = angular.module('plunker', []);
app.controller('terminalCtrl', function($scope) {
$scope.terminal = [];
$scope.terminal.push("line 1 example");
$scope.changeKey = function(event) {
if (event.keyCode == 13) {
$scope.terminal.push($scope.command);
$scope.command = "";
}
};
});

关于javascript - Angularjs 隐藏输入框内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20284435/

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