Question

我希望在开发离子应用程序时有一个放置常见调试信息的地方。主要原因是为调试信息提供了一个共同的位置，而不必在特定于平台的位置查找此信息。因此，无论我是在iOS还是Androis模拟器中，我都可以在同一个地方看到调试信息。

为此，我在侧边菜单中添加了一个“调试”页面。我正在困难地想出如何在应用程序中从不同的地方（即起始页面，deail页面等）向该页面添加信息。

我有一个带有div容器的模板“debug.html”，我想在其中添加调试信息。

如何从app中的任何位置将“info.html”中的信息添加到div容器中？

Answer 1

您可以创建一个服务，该服务包含一系列调试信息并在您的debug.html模板中显示该信息。一个简单的例子：

app.service('debug', function(){
  this.messages = [];
  this.add = function(message){
    this.messages.push(message);
  }
});

在你的模板中：

<div ng-repeat="message in debug.messages">{{message}}</div>

当然，在模板控制器中注入服务：

app.controller('debugController', function(debug) {
  this.debug = debug;
});

因此，例如，在开始页面中，您可以添加如下调试信息：

app.controller('startPageController', function(debug, ...){
    debug.add("Start page controller initiated.");
    ...
});