$log
概要
ログ出力のためのシンプルなサービスです。 デフォルトの実装では、メッセージはブラウザのコンソール内に出力されます。
このサービスの主要な用途は、単にデバッグとトラブルシューティングにあります。
デフォルトでは、デバッグメッセージは出力しません。 ng.$logProvider#debugEnabledを使用して、これを変更することが可能です。
依存関係
debug()
デバッグメッセージを出力します。
error()
エラーメッセージを出力します。
info()
インフォメーションメッセージを出力します。
log()
ログメッセージを出力します。
warn()
警告メッセージを出力します。
デモ
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="LogCtrl">
<p>Reload this page with open console, enter text and hit the log button...</p>
Message:
<input type="text" ng-model="message"/>
<button ng-click="$log.log(message)">log</button>
<button ng-click="$log.warn(message)">warn</button>
<button ng-click="$log.info(message)">info</button>
<button ng-click="$log.error(message)">error</button>
</div>
</body>
</html>
function LogCtrl($scope, $log) {
$scope.$log = $log;
$scope.message = 'Hello World!';
}
<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script> <script>function LogCtrl($scope, $log) { $scope.$log = $log; $scope.message = 'Hello World!'; } </script> </head> <body> <div ng-controller="LogCtrl"> <p>Reload this page with open console, enter text and hit the log button...</p> Message: <input type="text" ng-model="message"/> <button ng-click="$log.log(message)">log</button> <button ng-click="$log.warn(message)">warn</button> <button ng-click="$log.info(message)">info</button> <button ng-click="$log.error(message)">error</button> </div> </body> </html>
© 2017 Google
Licensed under the Creative Commons Attribution License 3.0.
このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。