Size: a a a

Angular - русскоговорящее сообщество

2020 January 08

И

Ирина in Angular - русскоговорящее сообщество
Ирина
Добрый вечер) пытаюсь разобраться с типом данных для иконок Fontawesone . https://www.npmjs.com/package/@fortawesome/fontawesome-common-types согласно этой ссылке я подключила файл fontawesome-svg-core. И  faKey :IconName = faKey;  переменная подчеркивается красным и пишет (property) SignupComponent.faEnvelope: IconName
Тип "IconDefinition" не может быть назначен для типа "IconName".
 Тип "IconDefinition" не может быть назначен для типа ""yin-yang""
Подскажите.ю что не так , пожалуйста)) IDE- VSCode
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Leonard Tkachev
Народ, всем привет, подскажите как правильно подгрузить значение в ячейку?
Есть табличка в которую выводятся значения из массива, по типу:
<ng-container *ngFor="let p of passwords">
Далее добавляю к каждой строке слово "Показать пароль"
    <td>
             <div class="text-link" (click)="showPassword(p.id)"><i class="fa fa-low-vision"></i>Показать пароль</div>
     </td>

По click мне прилетает значение. Как мне теперь его засунуть вместо "Показать пароль"?
Там где были input - делал через NgModel, а здесь вроде как NgFor пугает. Хотелось бы услышать как правильно
источник

Н

Назар in Angular - русскоговорящее сообщество
Leonard Tkachev
Народ, всем привет, подскажите как правильно подгрузить значение в ячейку?
Есть табличка в которую выводятся значения из массива, по типу:
<ng-container *ngFor="let p of passwords">
Далее добавляю к каждой строке слово "Показать пароль"
    <td>
             <div class="text-link" (click)="showPassword(p.id)"><i class="fa fa-low-vision"></i>Показать пароль</div>
     </td>

По click мне прилетает значение. Как мне теперь его засунуть вместо "Показать пароль"?
Вы хотите вывести значение p.id вместо текста "Показать пароль"?
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Назар
Вы хотите вывести значение p.id вместо текста "Показать пароль"?
да
источник

Н

Назар in Angular - русскоговорящее сообщество
стринг интерполейшн
источник

Н

Назар in Angular - русскоговорящее сообщество
<td>
             <div class="text-link" (click)="showPassword(p.id)"><i class="fa fa-low-vision"></i>{{ p.id }}</div>
     </td>
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Назар
Вы хотите вывести значение p.id вместо текста "Показать пароль"?
попробовал такую штуку, память потекла)
{{showPassword(p.id)}}
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Назар
<td>
             <div class="text-link" (click)="showPassword(p.id)"><i class="fa fa-low-vision"></i>{{ p.id }}</div>
     </td>
в бесконечный цикл уходит
источник

Н

Назар in Angular - русскоговорящее сообщество
понял
источник

Н

Назар in Angular - русскоговорящее сообщество
тут проще сделать так
источник

Н

Назар in Angular - русскоговорящее сообщество
создать пустой массив
и, например, на клик добавлять в него значение p.id
а потом через ngIf проверять существует ли такое значение в масиве
если да - выводить пароль, если нет - текст
источник

Н

Назар in Angular - русскоговорящее сообщество
но я не уверен, что это оптимальное решение )
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
в массиве значения нет изначально и в самой модели не предусмотрено, при нажатии на показать пароль, тянется с сервера "String"
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
для конкретного значения)
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
а все остальные так и должны остаться, пока не нажмешь на него
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Если в картинках, то при нажатии на показать пароль, должен высветиться собственно пароль напротив одной ячейки)
источник

D

Dolgovec in Angular - русскоговорящее сообщество
Если в контенте функцию вызывать, то она на каждый(!) тик будет выполняться, оттого память и потекла

Делаешь на клик функцию, в него передаешь id из цикла. В самой функции делаешь запрос к серверу по id и получаешь пароль. Потом добавляешь его в объект вида { id: password} и выводишь на экран. Условия вывода делаешь *ngIf=passArray[id].length
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
До получения пароля дошел, сделал все так как и написано, а вот дальше как на форму передать не соображу
источник

D

Dolgovec in Angular - русскоговорящее сообщество
Конечный объект с паролями должен иметь вид типа такого:
{
1: qwerty,
2: qwerty123,
35: somePass
}
источник