无法将变量绑定到字符串

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 语句声明了一个变量。

你可以在这里找到所有保留字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>