Проблема с несколькими входами внутри * ngFor - PullRequest
Новая
       25

Проблема с несколькими входами внутри * ngFor

1 голос
/ 01 апреля 2020

Я использую

  • Angular 8
  • @ ctrl / ngx-emoji-mart

В приложении ниже вы можете создать новый пост и оставить комментарий для каждого поста. enter image description here

Я просто реализую эту библиотеку для смайликов, и сейчас я использую двустороннее связывание, и комментарии находятся в * ngFor, что вызывает проблему, так как комментарий написан на все формы одновременно, однако, если я не использую двустороннее связывание, я не могу отобразить эмодзи, потому что он добавлен с функцией. Любой совет, как мне подойти к этому? 

                <div class="input-group">
                    <i class="fa fa-smile-o emoji-picker-icon mr-1" (click)="toggleEmojiPickerForComment($event)"></i>
                    <input class="form-control" #textComment placeholder="share your thoughts"
                        type="text">
                </div>
 <emoji-mart class="emoji-mart" set="emojione" (emojiSelect)="addEmoji($event)" *ngIf="showEmojiPicker" title="Pick your emoji…"></emoji-mart>
...