私は\ nと< br />の両方を試しましたが、残念ながら動作しませんでした。Ionic2トーストで改行文字を使用することは可能ですか？
これは可能ですか？
//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);実際には可能です。あなたは、次の操作を行うことができます。
改行のための.toast-message {
white-space: pre;
}
と\n。
注：home.tsとstyle.cssを参照してください。 @iWorkソリューションは、多くの状況のために動作しますが、あなたはトーストにcloseボタンを持っている場合、それは、画面の外にプッシュされますが、
どういうわけか実際のアプリケーションで動作していない、私はplunkr（作業中の）同じコードを書いたが、私のタイプスクリプトファイルでは動作しません。またはこれがIonic2の問題である可能性があります。 –
これは正常です。私は最初に '
'を使用しましたが、答えのように '\ n'を使って動作します。 –
Guus
私はcssをする必要はありませんでした。\ nは箱から出ました。
は死んだ –
を参照してください。
だからではなく、これらのスタイルシートを使用することができます。
.toast-message {
white-space: pre-line;
}
あなたの文字列で、改行に\nを使用する必要がPS
http://stackoverflow.com/questions/37118385/styling-ionic -2-toast –
問題を解決していない！ –
答えは「いいえ、できません」と思われる同様の質問です。ドキュメントへのリンクもあります。 –