Angularjs隐藏输入字段内的文本

时间:2013-11-29 11:13:46

标签: javascript css angularjs

我(相当新的角度)正在使用angularjs终端模拟器, 这是插入http://plnkr.co/edit/BzLc9WGakUcRX5Cn2LpE?p=preview

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

是否有任何过滤器仅隐藏文字。

1 个答案:

答案 0 :(得分:2)

这是您想要的实例 (我已经更改了角度版本以使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>

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 = "";
    }
  };
});