Question

我正在尝试学习AngularJS，当我从他们的文档中复制代码时，我甚至无法在我的系统上正常运行它。当我这样做时，我得到错误：

Use of getPreventDefault() is deprecated. Use defaultPrevented instead.

我没有丝毫的线索如何解决这个问题，我发现堆栈上的所有其他帖子都没有用。

一旦我在文本字段中输入内容，我就会在我的网络浏览器的控制台中收到上述错误。我可以配置错误吗？我甚至不知道从哪里开始调试。关于从何处开始调试的任何帮助我将非常感激。

这是我的代码：

app.js

    angular.module('myReverseFilterApp', [])
.filter('reverse', function() {
  return function(input, uppercase) {
    input = input || '';
    var out = '';
    for (var i = 0; i < input.length; i++) {
      out = input.charAt(i) + out;
    }
    // conditional based on optional argument
    if (uppercase) {
      out = out.toUpperCase();
    }
    return out;
  };
})
.controller('MyController', ['$scope', 'reverseFilter', function($scope, reverseFilter) {
  $scope.greeting = 'hello';
  $scope.filteredGreeting = reverseFilter($scope.greeting);
}]);

HTML代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script src="node_modules/angular/angular.js"></script>
    <script src="node_modules/angular-resource/angular-resource.js"></script>
    <!-- includ the app -->
    <script src="js/app.js"></script>
    <script src="js/database.rest.js"></script>

</head>

<body>
<div ng-controller="MyController">
  <input ng-model="greeting" type="text"><br>
  No filter: {{greeting}}<br>
  Reverse: {{greeting|reverse}}<br>
  Reverse + uppercase: {{greeting|reverse:true}}<br>
  Reverse, filtered in controller: {{filteredGreeting}}<br>
</div>

</body>
</html>

Answer 1

您需要在HTML中的某个位置添加ngApp，例如与<html>标识符匹配的<body>或angular.module()标记，在这种情况下{{1} }。

此外，您需要确保提供文件，angular-seed例如使用'myReverseFilterApp' npm模块来提供文件。

http-server

作为测试，请尝试删除除基本角度文件以外的任何JavaScript引用以及角度代码。其原因可能与执行弃用代码的第三方文件/模块相关联。也许<!DOCTYPE html> <html ng-app="myReverseFilterApp"> <head> <meta charset="utf-8"> <script src="node_modules/angular/angular.js"></script> <script src="node_modules/angular-resource/angular-resource.js"></script>  <script src="js/app.js"></script> <script src="js/database.rest.js"></script> </head> <body> <div ng-controller="MyController"> <input ng-model="greeting" type="text"> <br> No filter: {{greeting}} <br> Reverse: {{greeting|reverse}} <br> Reverse + uppercase: {{greeting|reverse:true}} <br> Reverse, filtered in controller: {{filteredGreeting}} <br> </div> </body> </html>可能导致此文件或其他文件未在此处显示。

不推荐使用getPreventDefault（）。使用defaultPrevented而不是Angular JS

1 个答案: