如何設置一個通用調試窗口在離子/ angularjs

Question

我想有一個地方可以在開發離子應用程序時提供常見的調試信息。主要原因是爲調試信息提供一個共同的地方，而不必在平臺特定的地方查找這些信息。所以無論我在iOS還是Androis模擬器中，我都可以在同一個地方看到調試信息。

我已經爲了這個目的，側菜單中增加了一個「調試」頁。我不知道如何從應用程序中的不同位置（即起始頁面，終端頁面等）向此頁面添加信息。

我有一個模板「debug.html」與div容器，我想添加調試信息。

如何在應用程序中添加信息到div容器中的「debug.html」從任何地方？

Answer 1

您可以創建一個服務來存放一系列調試信息並在debug.html模板中顯示該信息。一個簡單的例子：

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

且模板中：那麼

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

，例如，開始頁，：

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

當然，注入模板控制器服務您可以添加調試信息是這樣的：

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