getPreventDefault（）の使用は推奨されていません。代わりにdefaultPreventedを使用してくださいAngular JS

私はAngularJSを学びたいと思っており、ドキュメントからコードをコピーするときに自分のシステムで正しく動作するようにすることさえできません。私はエラーを取得しないとき：getPreventDefault（）の使用は推奨されていません。代わりにdefaultPreventedを使用してくださいAngular JS

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

私はこの問題を解決するためにどのようにわずかな手掛かりを持っていないし、私が発見したスタック上の他のすべての記事は全く役立ちません。

テキストフィールドに何か入力するとすぐ、Webブラウザのコンソールにエラーが表示されます。間違った設定ができましたか？私はどこでデバッグを開始するか分からない。デバッグを開始する場所についての助けを私は大いに感謝します。

ここ

が私のコードです：

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>

出典

2017-02-14 Andrew M

あなたは、このような<html>かなど、HTML内のどこかにngAppを追加する必要があります<body>タグはangular.module()という識別子（この場合は'myReverseFilterApp'）と一致します。

また、ファイルを提供することを確認する必要があります。たとえば、angular-seedは、ファイルを配信するためにhttp-server npmモジュールを使用します。

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

テストとして、ベース角度ファイルと角度コード以外のJavaScript参照をすべて削除してみてください。この原因は、廃止予定のコードを実行している第三者のファイル/モジュールに関連している可能性があります。恐らくdatabase.rest.jsは、ここに表示されていないこのファイルや他のファイルを引き起こしている可能性があります。

出典

2017-02-14 22:20:50

ng-app名を追加した後も、コンソールにはエラーが表示されます。 –

できれば、最新のバージョンの 'angular'と 'angular-resource'を使用していることを確認してください。これは他のリンクされたJSファイルから来ている可能性があります。参照 'database.rest.js'と 'angular'、' angular-resource'、 'app' JavaScriptファイル以外のものを削除してみてください。このエラーは、古い機能を実行している他のライブラリから発生します。 –

また、実行している可能性のあるブラウザ拡張を無効にするか、別のブラウザでこれを読み込み、同じ問題があるかどうかを確認してください。 –

getPreventDefault（）の使用は推奨されていません。代わりにdefaultPreventedを使用してくださいAngular JS

答えて

関連する問題