Question

我正在使用以下离子示例在离子：http://ionicframework.com/docs/components/#modals

中创建模态

我正在使用以下代码为每个模态输出我的内容：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' }
        ]

Answer 1

您可以在此代码中使用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显示

像：

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

注 - 其中post是存储以下数据的变量。

输出就像那样

偷偷摸摸的小小的霍比特人！

在离子模态中添加HTML

1 个答案: