![](/img/trans.png)
[英]How to set classes for an HTML reference from within the HTML code Angular?
[英]How to show code example of an Angular Component from within an Angular 8 app's HTML?
我正在尝试创建一个应用程序来为我的公司记录内部可重用组件,但在我的 Angular 文档应用程序中无法弄清楚如何显示 Angular Typescript 代码。
每当我尝试这样做时,我都会看到以下错误:
Error in @angular/compiler@8.2.14/bundles/compiler.umd.js (2603:21)
Template parse errors:
Invalid ICU message. Missing '}'. ("
export class SliderComponent {}
[ERROR ->]</code>"): ng:///AppModule/AppComponent.html@9:0
我在项目中真正拥有的唯一代码在app.component.html
文件中,它看起来像这样:
<code>
@Component({
selector: 'app-slider-alt',
templateUrl: './slider-alt.template.html',
styleUrls: ['./slider.component.scss']
})
export class SliderComponent {}
</code>
有任何想法吗?
问题是花括号。 您可以将它们替换为:
{ => {
} => }
<code>
@Component({
selector: 'app-slider-alt',
templateUrl: './slider-alt.template.html',
styleUrls: ['./slider.component.scss']
})
export class SliderComponent {}
</code>
另外,我认为使用<pre>
而不是<code>
看起来更好
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.