Javascript 如何在Ionic应用程序中调用document.getElementById(';c1';).innerHTML中的变量

Javascript 如何在Ionic应用程序中调用document.getElementById(';c1';).innerHTML中的变量,javascript,angular,ionic-framework,ionic2,ionic3,Javascript,Angular,Ionic Framework,Ionic2,Ionic3,我正在从我的home.ts文件调用html、css数据 document.getElementById('c1').innerHTML = '<ol><li>html data</li></ol>'; document.getElementById('c1').innerHTML='html数据'; 但是我想要实现的是调用this.a在html数据的编写位置,我如何做到这一点?这是您如何做到这一点的: document.getElementBy

我正在从我的
home.ts
文件调用html、css数据

document.getElementById('c1').innerHTML = '<ol><li>html data</li></ol>';
document.getElementById('c1').innerHTML='
  • html数据
  • ';

    但是我想要实现的是调用
    this.a
    html数据的编写位置,我如何做到这一点?

    这是您如何做到这一点的:

    document.getElementById('c1').innerHTML = `<ol><li>`+this.a+`</li></ol>`;
    
    document.getElementById('c1').innerHTML=`
  • `+this.a+`
  • `;
    您可以使用来连接
    此。a
    这样您的代码更清晰、可读性更强:

    document.getElementById('c1').innerHTML = `<ol><li>${ this.a }</li></ol>`;
    
    document.getElementById('c1').innerHTML=`
  • ${this.a}
  • `;
    
    
    在你的打字稿中

    this.theHtmlString = `<ol><li>${this.a}</li></ol>`
    
    this.theHtmlString=`
  • ${this.a}
  • `
    this.theHtmlString = `<ol><li>${this.a}</li></ol>`