Не могу связать переменную со строкой

Question

Я новичок в Angular и в настоящее время использую Angular 7. Я не могу добавить переменную в свойство 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 объявляет переменную.

Вы можете найти все зарезервированныеслова здесь введите описание ссылки здесь

Вот как будет работать ваш код:

TS

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

HTML

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