Aurelia：从Chrome调试控制台调用功能

Question

我很有经验，但对Aurelia来说是新手，并且无法弄清楚如何从控制台调用特定功能。

使用此来源：

<code>
import {} from 'css/style.css';
import {inject} from 'aurelia-framework';
import {DOM} from 'aurelia-pal';    
export class App {
  constructor() {
    this.message = 'Test Application';
    this.todos = ['a','b','c','d'];
    this.DOM = DOM;
  }
    getFish() {
        this.DOM.getElementById("#theMessage").style.color="green";
    }
}
</code>

我想从控制台调用getFish。有人可能认为App.getFish（）会这样做，但没有那么多。

如何在Aurelia的调试控制台中调用类函数？

Answer 1

我只需在构造函数中记录this或在任何VM的函数中记录：

 export class App {
   constructor() {
     console.log('App VM', this); 
   }

   getFish() {
     console.log('get fish called');
   }
 }

然后我会右键单击记录的对象，然后单击＆＃34;存储为全局变量。＆＃34;这将给我一个变量来使用。然后我可以根据需要调用该函数。