angular7 - 无法将变量绑定到字符串

Question

我是 Angular 新手，目前正在使用 Angular 7。我无法将变量添加到数据链接属性。

在我的ts文件中，我有一个变量：

export class PortfolioComponent implements OnInit {
     var = "#item1";
} 

在 HTML 中，我有：

<li class="item group1" data-link="{{var}}">
        text
</li>

但这不起作用，并显示以下错误：

无法绑定到“链接”，因为它不是...的已知属性

Answer 1

这var是 javascript - typescript 中的保留字，因此您不能像这样使用它。

该var语句声明了一个变量。

您可以在此处找到所有保留字 在此处输入链接描述

这就是您的代码的工作方式：

TS

export class PortfolioComponent implements OnInit {
     element = "#item1"; // Change var to anything not reserved
} 

HTML

<li class="item group1" data-link="{{element}}">
        text
</li>