相关疑难解决方法(0)

我从HTTP调用中获取大量HTML代码.我将HTML块放在一个变量中并使用[innerHTML]将其插入到我的页面中,但我无法设置插入的HTML块的样式.有没有人有任何建议如何实现这一目标？

@Component({selector: 'calendar',
template: '<div [innerHTML]="calendar"></div>',
providers:[HomeService], 
styles: [` 
h3 {color:red;}
`})

我想要设置样式的HTML是变量"calendar"中包含的块.

在我的角度4应用程序中,我有一个字符串

comment: string;
comment = "<p><em><strong>abc</strong></em></p>";

当我在我的HTML中提供这个文本时,就像

{{comment}}

然后它显示:

<p><em><strong>abc</strong></em></p>

但我需要以粗体和斜体形式显示文本"abc",如 abc

我怎样才能做到这一点？

我的问题,当我使用innererHtml绑定时 - angular2删除所有样式属性.这对我来说很重要,因为在我的任务中 - html是在服务器端生成的,具有所有样式.例:

@Component({
  selector: 'my-app',
  template: `
    <input type="text" [(ngModel)]="html">
    <div [innerHtml]="html">
    </div>
  `,
})
export class App {
  name:string;
  html: string;
  constructor() {
    this.name = 'Angular2'
    this.html = "<span style=\"color:red;\">1234</span>";
  }
}

但是在DOM中我只看到1234而且这个文本不是红色的.

http://plnkr.co/edit/UQJOFMKl9OwMRIJ38U8D?p=preview

谢谢!

我有以下代码,由于某种原因,!important限定符不起作用.

<div style="font-family : calibri; font-size: 20pt !important;">
  <ul>
    <li>
      <span style="font-size: 11px;">
        <span style="font-size: 11px;">
          Honey Glazed Applewood Smoked Spiral Ham 
        </span>
        <span style="font-size: 11px;">
          Served with Dijon Honey Mustard and Turkey Roulade
        </span>
      </span>
    </li>
  </ul>
</div>

为网站格式生成span标记.我正在添加div标签以将输出更改为PDF格式,而不是编写看似过于复杂的查找和替换功能.由于这个hack是针对特定的代码区域,我无法更改CSS表.

任何想法将不胜感激.

我尝试使用innerHTML 渲染原始HTML，如下所示：

 <span *ngIf="displacyHTML " [innerHTML]="displacyHTML"></span>

该 HTML 具有内联样式，但它不能以这种方式工作。

HTML 已呈现，但样式未呈现。

如果我将相同的原始 HTML 粘贴到一个单独的文件中，它就可以正常工作。

我提到的样式基本上用于更改标记标签的背景颜色。