Использование переменных с AlertCtrl Ionic

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();