web-dev-qa-db-ja.com

Ionic2トーストに改行文字を含めることはできますか？

\ nと<br/>の両方を試しましたが、残念ながら機能しませんでした。

これは可能ですか？

//Displaying toast to welcome user!
let user = this.currentUser();
//console.log(user);
let toast = Toast.create({
  message: 'Hi ' + user.email + '! <br/> Welcome to My App',
  duration: 5000,
  position: 'bottom'
});

toast.onDismiss(() => {
  console.log('Dismissed toast');
});

this.nav.present(toast);
ionic-frameworkionic2
8
Ankit Maheshwari

実際にはIS可能です。次のことができます：

.toast-message {
  white-space: pre;
}

改行の場合は\n。

注：home.tsとstyle.cssを見てください。

working plunkr を参照してください

16
Ben Kauer

@iWorkソリューションは多くの状況で機能しますが、トーストにcloseボタンがあると、画面から押し出されます。

したがって、代わりに次のスタイルシートを使用できます。

.toast-message {
  white-space: pre-line;
}

p.s文字列の改行には\nを使用する必要があります

9
Reza