2017-01-19 4 views
0

ionic 1のアクションシートにhtmlタグを使用するオプションがありました。
イオン2アクションシートでhtmlタグを使用するには?

私はイオン2で同じことを試みましたが使用しませんでした。

以下は私のコードです。

let actionSheet = this.actionSheetCtrl.create({ 
       title: '<b>Choose</b>', 
       buttons: [ 
        {}....... 

誰もがこれを行って?

具体的に私はタイトルがHTML文字列を許可しない、また他のプロパティのいずれかが、HTML文字列を可能にします。..アクションシート

+0

あなたはそれを太字にしようとしていますか、それともランダムな例ですか? –

+0

大胆でhtmlタグを利用しようとしていますが、動作していないだけです。私はサンプルを与えました –

+0

htmのための規定はないと思います。 [こちらをチェック](https://ionicframework.com/docs/v2/api/components/action-sheet/ActionSheetController/)では、cssClassオプションをカスタマイズしてカスタマイズすることができます。 –

答えて

1

ないで画像を追加したいと思います。

あなたの最善の策は、これはあなたが使用して明示的に保守のためのCSSを記述する他のアクションシートを区別することができますcssClass

アクションシート上
let actionSheet = this.actionSheetCtrl.create({ 
      cssClass: 'title-img', 

を追加することです。

あなたはcssで卑劣なことができます。だから、アクションシートでメインタイトルクラスは、あなただけの一例

.title-img .action-sheet-title::before{ // if you want the image on the left of the title 
    background:url('path-to-image-here') no-repeat; 
    height: 50px; 
    width: 50px; 
} 

ため::beforeまたは::after

でセレクタをサフィックスする必要がタイトルの隣に画像を追加するために.action-sheet-title

そうですそれはうまくいくはずです。

関連する問題