Как использовать = в переменной angular

Question

Мне нужно сделать что-то подобное:

<app-popover #popName texto="{{'texto'='errorName1' | translate}}" ></app-popover>
<app-popover #popName texto="{{'texto'='errorName2' | translate}}" ></app-popover>
<app-popover #popName texto="{{'texto'='errorName3' | translate}}" ></app-popover>

Но он возвращает ошибку

Я должен отправить это другому html, где будет напечатан текст, но так как код используется повторно, и это переводчик, который я использую, я должен иметь возможность использовать разные имена переменных:

<ng-template #popContent let-greeting="greeting">{{"texto"}}!</ng-template>

Answer 1

Извините, я думаю, что ваш вопрос немного неясен. Если я правильно угадаю, что вы хотите сделать, вы должны: 1. связать свойство с ошибкой, например [textto] = error 2. принять ввод через @input в вашем компоненте app-popover 3. перевести текст прямо в app- Компонент popover

Я думаю, что этот способ более понятен и его проще использовать повторно, поскольку вы можете просто использовать массив и l oop, если вы получите более 3 ошибок, не возвращая go. Я думаю, что этот подход должен также избавиться от вашей ошибки, потому что я думаю, что строка texto = "{{'texto' = 'errorName1' | translate}}" слишком подвержена ошибкам.

Answer 2

Почему бы вам не перехватить его в TS / JS и не использовать коммутатор?

switch (this.texto) {
  case this.error1:
    this.texto = this.error1;
    break;
  case this.error2:
    this.texto = this.error2;
    break;
}

Альтернативным вариантом является использование оператора if / else.