1

我正在评估 web Storm 7.0。我正在使用默认的 localhost:63342。我正在使用我的默认浏览器最新的 chrome。

问题：在调试模式下，控制台选项卡（调试器选项卡右侧）有一个窗口，其中光标闪烁但编辑被禁用。无论我是进入还是让程序运行，都不会显示任何内容。

我需要一份关于如何使用 Web Storm 控制台的简单指南。行 console.log("添加商品到购物车"); 似乎没有执行。 

<html ng-app="myApp">
<head>
<meta charset="utf-8">
<title>Shopping List AngularJS Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js">  </script>
<!--<script src="js/appctrl.js"></script>-->
</head>
<body>
 <h1>Shopping List</h1>

 <div ng-controller="AppCtrl">
<p>Using a controller: data.message={{data.message}}!</p>
</div>
<h1>Shopping List</h1>
<form ng-submit="addItem()">
<input type="text" placeholder="item to add" ng-model="itemToAdd" />
<input type="submit" value="add">
 </form>

<br>
<hr>

</div>


var myApp = angular.module('myApp', []);
function AppCtrl($scope) {
    $scope.data={message:'I am a java object data with this message in MyCtrl'};
    $scope.addItem = function() {
        console.log("adding item  to shopping cart");
    };

}

完整代码google:learnwebtutorials angularjs-tutorial-seriesBatarang.我不好意思问这么简单的问题，但现在已经卡了好几天了。

编辑：这有效：

<button onclick="tryConsole()">Try it</button>

<script type = "text/javascript">
  function tryConsole() {
    console.log("hello world");
  }
</script>

显然问题可能在角度教程代码中:-( 在此处输入图像描述

4

1 回答 1

2
  • WebStom 中的调试器控制台不是交互式的 - 你不能输入它
  • 在那里查看 console.log 输出不需要什么特别的 - 只需在调试器中运行您的 angular.js 应用程序：右键单击您的 .html 文件并选择“调试”，页面将在浏览器中加载。在文本字段中输入文本，按添加 - console.log() 消息将打印到调试器控制台
于 2013-12-09T13:39:08.927 回答