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

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>