我正在使用服务根据我所在的页面动态更改标题中的内容,但是当我将 HTML 放入我的组件时,它不会在浏览器中呈现(请参见下面的示例)
home.component.ts
import { Component, OnInit } from '@angular/core';
import { HeaderTitleService } from '../../services/headerTitle.service';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
constructor(
private headerTitleService: HeaderTitleService
) { }
ngOnInit() {
this.headerTitleService.setTitle(`
We strive to create things
<br> that are engaging, progressive
<br> & above all
<span class="highlight">
<em>innovative.</em>
</span>
`);
}
}
header.component.ts
import { Component, OnInit } from '@angular/core';
import { HeaderTitleService } from '../../../services/headerTitle.service'
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.scss']
})
export class HeaderComponent implements OnInit {
title: any;
constructor(
private headerTitleService: HeaderTitleService
) { }
ngOnInit() {
this.headerTitleService.title.subscribe(updatedTitle => {
this.title = updatedTitle;
});
}
}
头文件.component.html
<h1>{{title}}</h1>
所以我试图将标题设置为一个字符串,其中包含我想要呈现的 html 标签,但发生的事情是整个事情以字符串的形式出现,而不是我把它放在家里的样子.component.html。
有什么办法可以做到这一点吗??
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句