问题描述
我正在 Angular 11 中使用 PUG,并且对它在将它们转换为 PUG 时抛出的关于常用 href="#" 的错误感到惊讶。有谁知道为什么?
Error: src/app/core/components/navbar/navbar.component.pug:20:38
> 20| a.navbar-toggle.collapsed(href="#" (click)="logout()" style="color: #FFF;")
---------------------------------------------^
21| md-tooltip(md-direction="top") Log out
22| span.glyphicon.glyphicon-log-out
23|
Syntax Error: Assigning to rvalue
解决方法
我在 Pug 文档中找到了答案——我必须用逗号或用引号将后面的(点击)括起来。
https://pugjs.org/language/attributes.html
如果您的属性名称包含可能会干扰的奇数字符 使用 JavaScript 语法,使用 "" 或 '' 引用它,或者使用逗号 来区分不同的属性。此类字符的示例包括 [] 和 ()(在 Angular 2 中经常使用)。