无法将变量绑定到字符串

Question

我对angular不熟悉，目前正在使用Angular7。我无法将变量添加到data-link属性。

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

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

在HTML中，我有：

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

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

  

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

Answer 1

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

var语句声明一个变量。

您可以在enter link description here

中找到所有保留的单词

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

TS

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

HTML

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