如何在移动模拟器中为angular2显示console.log

时间:2017-03-30 09:53:15

标签: javascript angular debugging ionic2 console.log

我想在手机内调试javascript。

所以请提供一些代码或库如何在android / iphone模拟器中显示console.log。最好在手机屏幕上显示它。

我正在使用angular2 ionic2

1 个答案:

答案 0 :(得分:2)

我建议你使用像jsconsole

这样的远程工具

(function(angular) {
  'use strict';
  angular.module('ngConsole', []).controller('consoleController', function($scope) {
    $scope.messages = [];
    $scope.log = function(msg) {
      $scope.messages.push({
        type: 'log',
        text: msg,
        date: new Date()
      });
    };
  });
})(window.angular);
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Example</title>
  <script src="//code.angularjs.org/snapshot/angular.min.js"></script>



</head>

<body ng-app="ngConsole">
  <div ng-controller="consoleController">
    <ul>
      <li ng-repeat="msg in messages">
        [{{$index + 1}}] {{msg.type}} {{msg.text}} {{msg.date}}
      </li>
      <li ng-if="messages.length === 0">
        <i>no results messages...</i>
      </li>
    </ul>
    <button ng-click="log('ok')">click</button>
  </div>
</body>

</html>