Question

基本上我有一个警告控件，我希望显示变量的值。

let confirm = this.alertCtrl.create({
  title: 'Are you sure?',
  message: `
  Are these details correct?  
  <ul>
      <li>Price ($/L):{{dollarPerLitre}}</li>
      <li>KMs Done:</li>
      <li>Total Spent:</li>
      <li>Fuel Type:</li>
      <liDate:</li>
  </ul> 
  `,
  buttons: [
    {
      text: 'No',
      handler: () => {
        console.log('Disagree clicked');
      }
    },
    {
      text: 'Yes',
      handler: () => {
        console.log('Agree clicked');
      }
    }
  ]
});
confirm.present();

{{variable}}不起作用，但无论如何我可以让它显示变量内容吗？

感谢。

Answer 1

在组件类中使用html时应该使用正确的连接如果当前范围中的dollarPerLitre使用this或尝试使用ViewChild获取值。

您的代码应该是这样的：仔细观察连接。

let confirm = this.alertCtrl.create({
  title: 'Are you sure?',
  message: `
  Are these details correct?  
  <ul>
      <li>Price ($/L):`+this.dollarPerLitre+`</li>
      <li>KMs Done:</li>
      <li>Total Spent:</li>
      <li>Fuel Type:</li>
      <liDate:</li>
  </ul> 
  `,
  buttons: [
    {
      text: 'No',
      handler: () => {
        console.log('Disagree clicked');
      }
    },
    {
      text: 'Yes',
      handler: () => {
        console.log('Agree clicked');
      }
    }
  ]
});
confirm.present();

使用AlertCtrl离子变量

1 个答案: