Angularjs隐藏输入字段中的文本

Angularjs Hide the text inside input field

本文关键字：文本 字段 隐藏 输入 Angularjs      更新时间：2023-12-04

我（对angular相当陌生）正在开发angularjs终端模拟器，砰的一声http://plnkr.co/edit/BzLc9WGakUcRX5Cn2LpE?p=preview

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

是否有仅隐藏文本的筛选器。

这是一个您想要的工作示例（我已经改变了角度版本，以使ng键工作）

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

example.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 = "";
    }
  };
});
相关文章：