8

我有一个 DisplayComponent，我想在浏览器/开发人员的控制台中查看它的数据。我怎么能看到它？

Angular2 分步指南中的示例：

function DisplayComponent() {
  this.myName = "Alice";
}

我如何this.myName在浏览器/开发者的控制台中看到？

* 请注意，这是关于Angular 2而不是 Angular 1 的问题。AngularJS (Angular 1) 的建议解决方案不起作用。

4

3 回答 3

9

看看这个 plunker。所以基本上你现在需要做的是：

  1. 将test_lib.js添加到页面

  2. 添加ELEMENT_PROBE_BINDINGS到您的应用程序绑定。

    import { bootstrap } from 'angular2/angular2'
import { ELEMENT_PROBE_BINDINGS} from 'angular2/debug'
import { App } from './app'

bootstrap(App,ELEMENT_PROBE_BINDINGS )
    .catch(err => console.error(err));

  3. 使用ng.probe方法检查元素：

    const app = document.querySelector('my-app');
const debugElement = ng.probe(app);
于 2015-09-23T21:12:09.490 回答
2

var componentTag = document.querySelector('.component-tag'); var componentDetails = window.ng.probe(kitchenSink); componentDetails.componentInstance

有关更多详细信息，请参阅https://www.pluralsight.com/guides/front-end-javascript/debugging-angular-2-applications#console

于 2017-04-27T11:56:46.277 回答
-4

你试过简单的控制台命令吗？

console.log(this.myName)

希望我能正确理解你的问题。

于 2015-08-17T20:24:25.453 回答