bugfix> ionic3 > 投稿

基本的に、変数の値を表示したいアラートコントロールがあります。

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}}は機能しませんが、とにかく変数の内容を表示することができますか?

ありがとう。

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

あなたの答え