2017-08-26 7 views
0

モーダル:http://ionicframework.com/docs/components/#modalsイオンでHTMLを追加すると、私はイオンでのモーダルを作成するには、以下のイオン性の例を使用してい

私は出力に各モーダルのための私の内容を次のコードを使用しています:https://github.com/ionic-team/ionic-preview-app/blob/master/src/pages/modals/basic/pages.ts

どのように希望をHTMLをプレーンテキストとして出力せずに、次のコードでHTMLを出力してみましょう。

name: 'Gollum', 
     quote: 'Sneaky little hobbitses!', 
     image: 'assets/img/avatar-gollum.jpg', 
     items: [ 
      { title: 'Race', note: 'Hobbit' }, 
      { title: 'Culture', note: 'River Folk' }, 
      { title: 'Alter Ego', note: 'Smeagol' } 
     ] 

答えて

0

あなたは

枚このコードでHTMLを使用することができます。ここでは、引用符

name: 'Gollum', 
    quote: '<p><strong>Sneaky little hobbitses!</strong></p>', 
    image: 'assets/img/avatar-gollum.jpg', 
    items: [ 
     { title: 'Race', note: 'Hobbit' }, 
     { title: 'Culture', note: 'River Folk' }, 
     { title: 'Alter Ego', note: 'Smeagol' } 
    ] 

に二つのタグ(段落と強いタグ)を使用しているとは、HTML

せずに表示することができます

Like:

<div class="item item-text-wrap" [innerHTML]="post.quote"></div> 

注 - postは、以下のデータを格納する変数です。

出力はその

卑劣な少しhobbitsesのように来ます!

+0

驚くばかり!完璧に動作します!どうもありがとうございます! – Breon

+0

偉大な@ブレオン、私の答えをお願いしますか? –

関連する問題