Angular. Привязка свойства элемента html к значению компонента?

Question

[berch]

На сайте руководства Angular нашла пример:
Привязка свойства элемента html к значению компонента (односторонняя). Например:
<input type="text" [value]="name" />
А если вместо просто "name" мне нужно сделать конкатинацию типа:
'name-' + var
где 'name-' - это просто строка,
а var - это строчная переменная
Подскажите пожалуйста как такое записать

Answer 1

[Fedor Rychkov]

Вам именно односторонняя нужна?
В компоненте, в конструкторе можете сделать конкатенацию вашей строки с переменной, получите строку.

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[berch]

Проблема в том, что это все происходит в цикле

<li *ngFor="let category of categories">
			<a [style.background-image]="category.imageSrc"></a>
		</li>

[Fedor Rychkov]

У вас переменная известна до инициализации массива? Если да, то в ts компоненте распарсите свой массив при помощи map и измените нужные вам свойства.

Newarr = arr.map(item => {
item.imgSrc.concat(variable); это добавит в конец, или попробуйте
item.imgSrc = variable + item.imgSrc; //конкат тоже можно.
return item;
});

[berch]

А с чем может быть связана ошибка:
Свойство "map" не существует в типе Observable<Category[]>
При том что rxjs подключена?

[Fedor Rychkov]

https://www.learnrxjs.io/operators/transformation/...

Мар и прочие операторы надо отдельно подключать.

[berch]

Добавила, но все та же ошибка. Пробую через .pipe, но тогда получается нужно по индексу элемента обращаться. Из чего следует вопрос можно ли цикл сделать?

const category = array
			.pipe(map(x => { 
				this.image = x[0].imageSrc
			}))
			.subscribe (x => console.log(this.image))

[Fedor Rychkov]

К сожалению не могу подсказать, возможно у обсервер объектов есть оператор отвечающий за циклы. Или у map может быть вторым параметром есть индекс map((item, index) => ...